jQueryでメガドロップダウンメニュー | helogスマートフォンやhtml5+CSS3など新技術に四苦八苦。PHPやAjaxも難しいですね。そんなWebに悩む人のネタ帳です。 jQueryを使って簡単なメガドロップダウンメニューです。 このブログのグローバルメニューでも使っている、簡易的なメガドロップダウンメニューです。 このブログをサンプルに説明したいと思います。コードは見やすいように、要点のみの抜き出しています。また、jQueryのバージョンは1.4.2ですが、1.3系でも動作するはずです。 まずはHTML部分ですが、ulタブで２段階に組みます。１段目がカテゴリメニュー、２段目がサブカテゴリメニューというイメージです。 ２段目のulについてはデフォルトで「display: none;」というようにして、非表示状態にします。 <ul id="Gmenu"> <li class="parent"> <a href="/categor
