使用.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');
   });

http://jsfiddle.net/kanishka_bandara/GfyZf/