使用.slideToggle單擊時其他元素的接近程度

Question

我試圖製作一個手風琴菜單，但是如何，我只需要打開菜單1.如何在點擊時關閉其他li？

下面是我用來切換菜單的代碼。當點擊li時，我如何定位所有其他li。

<li class="cat_parent"> 
    <h2 class="head par_title">Books</h2> 
    <div class="content">01</div> 
    <div class="content">02</div> 
</li> 
<li class="cat_parent"> 
    <h2 class="head par_title">Magazine</h2> 
    <div class="content">01</div> 
    <div class="content">02</div> 
    <div class="content">03</div> 
    <div class="content">04</div> 
</li> 

$(document).ready(function(){ 
    ('.head').click(function(e){ 
     e.preventDefault(); 
     $(this).closest('li').find('.content').slideToggle(); 
    }); 
}); 

您的幫助非常感謝！

Answer 1

試試這個

$('.cat_parent').find('div').hide(); 

$('.head').click(function(e){ 
     e.preventDefault(); 
     $(this).siblings().slideDown('slow'); 
     $(this).parents('.cat_parent').siblings().find('div').slideUp('slow'); 
    }); 

​​3210