jquery - 使用 .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/