-1

我正在尝试制作手风琴菜单,但是,我只需要打开菜单 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();
   });
});

非常感谢您的帮助!

4

1 回答 1

0

尝试这个

$('.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/

于 2013-08-26T07:43:20.237 回答