昨晩、3時間以上かけてドロップダウンメニューを作ったのだけれど、今日、もっと簡単な方法を思いついた。従兄コンテナ隠す関数だの子供のさらに子孫を隠すとかいろいろ関数書いてたのに、こんな単純につくれるとは…自分の苦労は一体ー…。 ドロップダウメニュー(HTML) そのCSS(CSS) そのjavascript(js) まとめたやつ(zip) まず、モダンブラウザに対しては、CSSだけでできる。 基本は、2階層目以降を最初からdisplay:noneにしておき、li:hoverしたとき、1個下にあるulをdisplay:blockにする。 <div class="treeNav"> <ul><!-- ←display block --> <li> <a href="http://google.com/">Menu</a> <ul><!-- ←display none --> <li><a hr