1

我在 jquery 中遇到了 toggle() 的问题。请参阅http://jsfiddle.net/rch7L/。单击 1 级标题时,它会执行应有的操作,但单击 2 级标题时,它会打开所有 3 级行,而不仅仅是 2 级标题下的 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();
});

我尝试过使用兄弟姐妹(),但单击 2 级标题时它不是我想要的。

4

1 回答 1

2

简单的使用.nextUntil()方法

LIVE DEMO

$("tr.level-2").click(function(){
    $(this).nextUntil('tr.level-2').toggle();
});
于 2013-04-25T11:43:53.310 回答