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);
});