※ ChatGPTを利用し、要約された質問です（原文：ドロップダウンリストの高さを、非表示のときは上に詰）
ドロップダウンリストの高さを上に詰めて非表示にする方法
このQ&Aのポイント
ドロップダウンリストの非表示時に空欄ができる問題を解決する方法を教えてください。
ドロップダウンリストを作成し、非表示時に上に詰めて表示する方法を教えてください。
ドロップダウンリストをクリックしたときにサブメニューを表示する際、非表示時に空欄が生じる問題を解決したいです。
ドロップダウンリストの高さを、非表示のときは上に詰
初心者です。本当に初歩な質問で申し訳ありません。
ドロップダウンリストを作り、クリックしたときにサブメニューを表示したいのですが、
表示、非表示は切り替えられても、非表示のときに空欄ができてしまいます。
これを、非表示のときは上に詰めて表示するようにしたいのですが、その方法を
教えてください。
下記がそのソースになります。
<SCRIPT language="JavaScript">
<!--
function pullDown1(ss) {
for(d0 = 0 ; d0 < ID.length ; d0 ++)
{
ID[d0].style.visibility = "hidden";
}
ID[ss].style.visibility = "visible";
}
//-->
</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>
以上、よろしくお願いいたします。
お礼
おお！かばらしい!! 思っていた通りのことができました!! ありがとうございます。 これからもよろしくお願いします。