メニューの階層を一気に表示できる事が出来るドロップダウンメニュー。ユーザーが目的ページまでたどりやすく、最近では多くのサイトがドロップダウンメニューを採用しています。 そのドロップダウンメニューを今回はjQueryをたった7行書くだけで簡単に設置できる方法を紹介します。よかったら活用してください。 ドロップダウンメニューのサンプルはこちら HTMLファイルのHEAD内にjQeryを記述 $(function(){ $('#menu li').hover(function(){ $("ul:not(:animated)", this).slideDown(); }, function(){ $("ul.child",this).slideUp(); }); }); ドロップダウンメニューにするHTMLを書く CSSでドロップダウンメニューのデザインを整える 背景色などは自由に変えてサイトのイ
![誰でも出来る!jQueryでドロップダウンメニューをわずか7行で完成させる方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/c061acee143b32f320b559342dafddf5be458844/height=288;version=1;width=512/https%3A%2F%2Fmakasete-web.net%2Fblog%2Fwp-content%2Fuploads%2Fdropdown.jpg)