ドロップダウンリストの高さを、非表示のときは上に詰

解決済

質問者：tatapatank
質問日時：2011/12/22 10:52
回答数：1件

初心者です。本当に初歩な質問で申し訳ありません。

ドロップダウンリストを作り、クリックしたときにサブメニューを表示したいのですが、
表示、非表示は切り替えられても、非表示のときに空欄ができてしまいます。
これを、非表示のときは上に詰めて表示するようにしたいのですが、その方法を
教えてください。
下記がそのソースになります。

<SCRIPT language="JavaScript">

</SCRIPT>
</HEAD>
<BODY>
<ol>
<li><A href="javaScript:pullDown1(0)">メニューを表示する</A>
<DIV id="ID" style="visibility:hidden;">
<ul>
<li><A href="">A</A></li>
<li><A href="">B</A></li>
<li><A href="">C</A></li>
<li><A href="">D</A></li>
</ul>
</DIV>

</li>
<li><A href="javaScript:pullDown1(1)">メニューを表示する</A>
<DIV id="ID" style="visibility:hidden;">
<ul>
<li><A href="">a</A></li>
<li><A href="">b</A></li>
<li><A href="">c</A></li>
<li><A href="">d</A></li>
</ul>
</DIV>

</li>
</ol>
</BODY>

以上、よろしくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： LancerVII
回答日時：2011/12/22 11:27

こんにちは。

ID[d0].style.visibility = "hidden";をID[d0].style.display = "none";
ID[d0].style.visibility = "visible";をID[d0].style.display = "inline";

style="visibility:hidden;"をstyle="display:none;"に変更してみてください。