javascript - slidetoggle 垂直菜单：孩子们不工作

Question

这是我制作的垂直菜单。

jQuery-

 $(function(){
    $('.menu-header ul li a',this).click(function(){
      $('li').parent().children('li').children('a').siblings('p',this).slideToggle(100);
    });
});

当我尝试切换子元素<p>时，它会打开<p>文档中的所有子元素。我只想打开其父级的子级。

Answer 1

如果您需要切换同级<p>元素，只需使用以下命令：

$(".menu-header ul li a").click(function(e) {
    $(this).siblings("p").slideToggle(100);
    // or  .next("p"). ...

    e.preventDefault(); // to prevent default anchor functionality
});

演示：http: //jsfiddle.net/XZTPZ/2/

Answer 2

如果您只想打开a单击的父级的子级，您可以使用next. 尝试：

$('.menu-header ul li a',this).click(function(){      
     $(this).next("p").slideToggle(100);
});

Answer 3

试试下面的jquery代码

         $(function(){
                $('.menu-header ul li a').click(function(){
                     $(this).siblings().slideToggle(100);
               });  
              });