前提・実現したいこと
すみません。
当方初心者です。教えて頂きたいのですが、
以下のアコーディオンメニューを、リンクをクリックした時に、
クリックしたグループのものだけ開いている(メニューが開いている)状態にしたいです。
(例、menu1-1をクリック後、category1のメニューはリンク先で開いたまま。他のcategoryは閉じている状態。)
該当のソースコード
HTML
1<ul> 2<li> 3<div class="category">category1</div> 4<ul class="fxmn"> 5<li><a href="11">menu 1-1</a></li> 6<li><a href="12">menu 1-2</a></li> 7<li><a href="13">menu 1-3</a></li> 8</ul> 9</li> 10<li> 11<div class="category">category2</div> 12<ul class="fxmn"> 13<li><a href="21">menu 2-1</a></li> 14<li><a href="22">menu 2-2</a></li> 15<li><a href="23">menu 2-3</a></li> 16<li><a href="24">menu 2-4</a></li> 17</ul> 18</li> 19<li> 20<div class="category">category3</div> 21<ul class="fxmn"> 22<li><a href="31">menu 3-1</a></li> 23<li><a href="32">menu 3-2</a></li> 24<li><a href="33">menu 3-3</a></li> 25<li><a href="34">menu 3-4</a></li> 26<li><a href="35">menu 3-5</a></li> 27</ul> 28</li> 29</ul>
Javascript
1$(function(){ 2 $("ul.fxmn").hide(); 3 $("div.category").click(function(){ 4 $("ul.fxmn").slideUp(); 5 if($("+ul",this).css("display")=="none"){ 6 $("+ul",this).slideDown(); 7 } 8 }); 9 });