Copy
<script type="text/javascript"> var menu1 = false; var menu2 = false; function showDesc(currMenu) { if(menu1) { document.getElementById("menu1").style.display = "none"; menu1 = false; } else { document.getElementById("menu1").style.display = "block"; menu1 = true; } } //접었다 펼치는 스크립트 </script> <div style="width:100px;height:20px;padding:10px 0 10px 10px;"> <a href="#" onClick = "showDesc(1)" style="float:left; ">exchange <img src=../img/ico_cal.png></a> </div> <div id="menu1" style="display:none; width:100px; background:#fff; margin-top:5px;"> </div>
|
답변 4개 / 댓글 2개
채택된 답변
+20 포인트
2016-06-28 (화) 14:25:55
<a href="#" onClick = "showDesc(1)" style="float:left; ">exchange <img src=../img/ico_cal.png></a>
부분을
<span onClick = "showDesc(1)" style="float:left; ">exchange <img src=../img/ico_cal.png></span>
로 수정해 보세요.
2016-06-28 (화) 14:38:23
근데 이소스는 잘되는것 같은데.말입니다..^^
무슨 문제라는건지...일단 이해를 못했습니다.
아래질문을 보니 클릭했을때..상단에서 펼쳐진다??이건가요?
그렇다면.
<div style="position:relative">
<div id="menu1" style="display:none; width:100px; background:#fff; margin-top:5px;">
내용
</div>
</div>
이렇게 하면되긴한데요. 그럼 버튼이 덮혀질텐데요. 이건 원하시는 답변이 아닌것같구요 ^^
여튼 참고만하세요.
답변에 대한 댓글 2개
2016-06-28 (화) 14:47:30
이 분이 질문하신 내용에서 "해당 소스 정상적으로 잘 작동하는데, 저걸 클릭하면 화면이 무조건 최상단으로 이동해져서 펼쳐지게 됩니다."는 클릭했을때 a href="#"로 지정이 되어 있다 보니 클릭하게 되면 펼쳐지는 기능은 되는데 앵커 기능(보통 책갈피 기능이라고 하는)에 의해서 페이지 상단으로 이동이 된다는 문의 였던것 같습니다.
2016-06-28 (화) 17:33:58
아...그런내용이였군요..^^...href="#' 이걸 클릭하면...예.그렇죠 브라우저화면이 위로 올라가버리죠...
저는 옛날방식으로 href="javascript:;" 이렇게 해서 안올라가도록 하는데요.
다른분들은 어떻게들 하시는지 궁금하군요.^^
저는 옛날방식으로 href="javascript:;" 이렇게 해서 안올라가도록 하는데요.
다른분들은 어떻게들 하시는지 궁금하군요.^^
2016-06-28 (화) 14:31:28
onClick="showDesc(1)"
이걸
onClick="showDesc(1); return false;"
이렇게 바꾸셔도 될 것 같네요.
2016-06-28 (화) 14:21:54
style에 position:relative; 추가해보세여
답변을 작성하려면 로그인이 필요합니다.