jQueryを使ってドロップダウンメニューをシンプルに書いてみる
- ここを参考に短いjQueryで行ける : jQueryでプルダウンメニュー(たった5行で!)
- ただし、ここに書いてある通りのコードじゃ上手くいかなかったので、サンプルページのコードを拝借
- jQueryの読み込みは Googleのjsapiを使うことにしました。
// jQuery読み込み <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("jquery", "1.7");</script> // マウスオンとアウトでliの子要素であるulを表示したり消したり $(function() { $("#menu li").hover(function() { $(this).children('ul').show(); }, function() { $(this).children('ul').hide(); }); });
- コピペですがうまくいきました。