묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
드롭다운메뉴에대해 질문있습니다.
2002.12.07 21:50
<script language="JavaScript">
ok=0; old_what="non";
function show(what){
if((old_what != "non") && (what != old_what)){
ok=1;
old_what.style.display="none";
what.style.display="";
}else
{
if(ok){
ok=0;
what.style.display="none";
}else
{
ok=1;
what.style.display="";
}
}
old_what=what;
}
</script>
--------------------------------------------------------------------------
<A href="Javascript:show(menu)">MENU</a>
<div id=menu style="DISPLAY:none">
메뉴를 클릭했을때 나타나는내용
</div>
------------------------ 여기까지입니다.
display:none로 해놓고 실행을하면.. menu를 클릭했을때 내용이 나타나고 다시 클릭하면 사라집니다.
그런데, display:auto로 해놓고 실행을 해 보면, 처음에 내용은 나타나는데..
두번 클릭해야 내용이 사라지고 그다음부턴 클릭만으로도 잘 되거든요..
display:auto 등으로 해놓았을때 내용이나타나게하고..
클릭하면 사라지고.. 다시 클릭하면 나타나게하고싶습니다.
자바스크립트를 전혀 몰라서 여쭤봅니다. ㅡㅡ;;
위의소스는 nzeo내의 웹스터디>자바스크립트에있는 팁입니다.
ok=0; old_what="non";
function show(what){
if((old_what != "non") && (what != old_what)){
ok=1;
old_what.style.display="none";
what.style.display="";
}else
{
if(ok){
ok=0;
what.style.display="none";
}else
{
ok=1;
what.style.display="";
}
}
old_what=what;
}
</script>
--------------------------------------------------------------------------
<A href="Javascript:show(menu)">MENU</a>
<div id=menu style="DISPLAY:none">
메뉴를 클릭했을때 나타나는내용
</div>
------------------------ 여기까지입니다.
display:none로 해놓고 실행을하면.. menu를 클릭했을때 내용이 나타나고 다시 클릭하면 사라집니다.
그런데, display:auto로 해놓고 실행을 해 보면, 처음에 내용은 나타나는데..
두번 클릭해야 내용이 사라지고 그다음부턴 클릭만으로도 잘 되거든요..
display:auto 등으로 해놓았을때 내용이나타나게하고..
클릭하면 사라지고.. 다시 클릭하면 나타나게하고싶습니다.
자바스크립트를 전혀 몰라서 여쭤봅니다. ㅡㅡ;;
위의소스는 nzeo내의 웹스터디>자바스크립트에있는 팁입니다.