用jquery切换兄弟姐妹

Question

我在jquery中遇到toggle（）问题。见http://jsfiddle.net/rch7L/。单击level-1标题时，它会完全按照它应该执行的操作，但是当单击level-2标题时，它会打开所有level-3行，而不仅仅是level-2标题下的level-3行。

$('tr.level-2, tr.level-3').css("display", "none");

$("tr.level-1").click(function(){
    $(this).siblings('tr.level-2').toggle();
});

$("tr.level-2").click(function(){
    $(this).siblings('tr.level-3').toggle();
});

我尝试过使用siblings（），但是在点击level-2标题时它并不是我想要的。

Answer 1

只需使用.nextUntil()方法

即可

的 LIVE DEMO

$("tr.level-2").click(function(){
    $(this).nextUntil('tr.level-2').toggle();
});