階層メニューを作成したいのですが。

質問

ホームページのメニューで階層メニュー（http://ako.x0.com/java/fmenu2.htmlのようなデザイン）を作りたいのですが
・３段階階層（フォルダの中にフォルダを作る）
・初期表示は非展開（閉じた状態で）表示
・他のメニューをクリックすると展開していたメニューが閉じる

この条件を満たす方法はないでしょうか？
よろしくお願いします。

回答No.4

noname#20964

ボックスを表示させるときに、一旦全部のメニューを消して次に目的のメニューを表示させるのが簡単ですね。

お礼

ＨＴＭＬでなんこかファイル作っておいて、ということでしょうか？
私もそれは一度考えたのですが…どうしてもできなかったらそれにします（笑）
ありがとうございました。

回答No.3

961053

例えば、<div id="idName">○○</div>　というHTMLがあるとして、

onClick などで
document.getElementById("idName").style.visibility = 'visible'
document.getElementById("idName").style.visibility = 'hidden'
と、JavaScript を実行させると上はタグの中身が表示、下は非表示となります。
これを応用させればいけるんじゃないでしょうか？

参考URL：

http://allabout.co.jp/internet/javascript/closeup/CU20010305/index.htm

お礼

すみません応用できるほどの知識があまりなくって；
でもせっかくなので試してみます。
ありがとうございました。

回答No.2

神崎 渉瑠（@taloo）

http://www.dynamicdrive.com/
公開されたソフトウェア（ライブラリ）を利用したり、
ソースコードを見て勉強しながら、自分で作る
YahooUIも公開ライブラリの利用ですね。

お礼

海外サイトですか・・・！？
やっぱり日本語サイトだけの検索では見つからないものなんですかね；
ジャバスクリプトやＣＳＳは只今独学勉強中です。
ありがとうざございました。

回答No.1

talepanda

Yahoo! UIのtree viewを使うのがラクだと思いますよ。

参考URL：

http://allabout.co.jp/internet/javascript/closeup/CU20060430A/index.htm

お礼

返事が遅くなってすいません。
交通事故にあってしまって・・・(>_<)

このサイトいろいろあって便利ですね！
ありがとうございました！