僕がよく使用しているjQueryで汎用的なコードを紹介します。 jQueryで簡単に実装できるので、プラグインなんかを使用するよりは、 自分で書いた方が、ごちゃごちゃせずに済んで良いと思います。 ・ドロップダウンメニュー ・アコーディオンコンテンツ ・ページ内スクロール 全部実装したサイトがサンプルでありますので、 そちらもご覧ください。 DEMO まずは、 ドロップダウンメニュー シンプルに、メニューにホバーすると、その下のメニューがアニメーションして出てくるというものです。 サンプルサイトでは、[about][service][product]の部分になります。 jquery //グローバルナビをドロップダウンで表示 $(function(){ $("#globalnavi li").hover( function(){ $(this).children("ul").slideTogg
![よく使用している汎用的で簡単なjQueryのコード | スターフィールド株式会社](https://cdn-ak-scissors.b.st-hatena.com/image/square/563f4d7223f1f12b58883660e4110e1c8233e67d/height=288;version=1;width=512/http%3A%2F%2Fsterfield.co.jp%2Fadmin%2Fwp-content%2Fuploads%2F2012%2F10%2Ftitle5.jpg)