プルダウンメニュ展開時にずらす方法

解決済

質問者：indigo45kk
質問日時：2007/08/08 19:01
回答数：1件

以下の設定をおこなった際に「プルダウン1」で表示される「■メニュ1」と「■メニュ2」が「プルダウン2」に重ならないように「プルダウン2」が自動的に下がり、「プルダウン1」を閉じると元の位置に戻るような設定はないでしょうか？
宜しくお願いいたします。

function pullDown1() {
if(flag) ID1.style.visibility = "hidden";
else ID1.style.visibility = "visible";
flag = !flag;
}
function pullDown2() {
if(flag) ID2.style.visibility = "hidden";
else ID2.style.visibility = "visible";
flag = !flag;
}
//-->
</SCRIPT>
</HEAD>
<BODY bgcolor="#ffffff">
<A href="javaScript:pullDown1()">プルダウン1</A><BR>
<DIV id="ID1" style="position:absolute;visibility:hidden;">
<A href="xxxx">■メニュ1</A><BR>
<A href="xxxx">■メニュ2</A><BR>

<A href="javaScript:pullDown2()">プルダウン2</A><BR>
<DIV id="ID2" style="position:absolute;visibility:hidden;">
<A href="xxxx">■メニュ3</A><BR>
<A href="xxxx">■メニュ4</A><BR>

通報する

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

質問の本文を隠す

回答 (1件)

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

No.1ベストアンサー

回答者： leap_day
回答日時：2007/08/08 20:38

こんにちは

こんな感じで・・・

<script language="javascript">

</SCRIPT>
</HEAD>
<BODY bgcolor="#ffffff">
<A href="javaScript:pullDown('ID1')">プルダウン1</A><BR>
<DIV id="ID1" style="display:none;">
<A href="xxxx">■メニュ1</A><BR>
<A href="xxxx">■メニュ2</A><BR>
</div>
<A href="javaScript:pullDown('ID2')">プルダウン2</A><BR>
<DIV id="ID2" style="display:none;">
<A href="xxxx">■メニュ3</A><BR>
<A href="xxxx">■メニュ4</A><BR>
</div>