jquery

質問

jqueryで縦型のプルダウンもしくはアコーディオンメニューを使おうかと思ってますが
おすすめなものはありますか。

最初ページを開いた時は閉じた状態でクリックするとサブメニューが表示されるようにしたいです。

よろしくお願いします。

回答No.1

ok-rjak · ベストアンサー

ｊQueryでしたら、アコーディオン系メニューは自作してもそんなに難しくないですよ。

【HTML】
<ul id="menu">
　　<li><a href="#">メニュー1</a>
　　　　<ul>
　　　　　　<li>サブA</li>
　　　　　　<li>サブB</li>
　　　　　　<li>サブC</li>
　　　　</ul>
　　</li>
　　<li><a href="#">メニュー2</a>
　　　　<ul>
　　　　　　<li>サブD</li>
　　　　　　<li>サブE</li>
　　　　　　<li>サブF</li>
　　　　</ul>
　　</li>
</ul>

【jQuery】

$(function(){
　　$('#menu > li > ul').hide();
　　$('#menu > li > a').click(function(e){
　　　　$(this).next('ul').slideToggle();
　　　　return false;
　　});
});