WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:クリックで表示・非表示の切り替え

0:[投稿] りんく [2005/09/11 12:05 ][環境:IE6 JavaScript]

自分でも色々いじってはみたのですが、自分のレベルでは限界なため質問にきました。
内容ですが、メニュー項目をクリックすることで、サブメニューを表示・非表示させたいのです。

現在のソースですが、

<SCRIPT>
<!--
function On(x){
obj=document.getElementById
("submenu"+x).style.visibility="visible";
}
function Off(x){
obj=document.getElementById
("submenu"+x).style.visibility="hidden";
}
//-->
</script>

<div onmouseover="On(1)" onmouseout="Off(1)">
メニュー項目
<div id="submenu1">
<a href="sub.html">サブメニュー</a>
</div>
</div>

・・・です。
「メニュー項目」にマウスが乗ると「サブメニュー」が表示され、マウスが外れると「サブメニュー」が非表示になります。
これを・・・

■クリックで表示→クリックで非表示→クリックで表示→クリックで非表示...となる。

■表示・非表示ともシングルクリックでできる。

■サブメニューの表示は直下の内容に被る形で表示される。(←現在はそうなっています。)
サブメニューの表示により、その分サブメニューから下の内容全体が下に下がるのは避けたいです。

・・・のようにしたいのです。
これらをかなえる方法はどのようにすればいいのでしょうか・・・。ご教授ください M(_ _)M
宜しくお願いいたします。


1:[完了] りんく [2005/09/11 22:48 ]

なんとか解決しそうです。
お騒がせいたしました M(_ _)M
ありがとうございました。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World