在表行上实现展开/折叠

Question

我的桌子看起来像这样

<table>
<tbody>
<tr>
<td><div><span class='level2'>Header1</span></div></td>
</tr>
<tr>
<td><div><span class='level3'>Data1</span></div></td>
</tr>
<tr>
<td><div><span class='level3'>Data2</span></div></td>
</tr>
<tr>
<td><div><span class='level2'>Header2</span></div></td>
</tr>
<tr>
<td><div><span class='level3'>Data21</span></div></td>
</tr>
<tr>
<td><div><span class='level3'>Data22</span></div></td>
</tr>
</tbody>
</table>

我需要实现扩展/折叠，我希望将所有级别<tr>的所有{3}分组在级别<tr>的

下

如果将class属性标记为（例如：<tr class="level2">），我可以实现它，但是当将其标记为其子级时，我不确定如何将它们组合在一起。

我尝试使用具有类属性的tr是

$('.level2').click(function(){
$(this).nextUntil('tr.level2').slideToggle(100);
});

我当前的表结构案例需要帮助。

Answer 1

尝试一下。...

$('.level2').click(function(){
$(this).closest('tr').next('tr').slideToggle(100);});

Answer 2

您的问题很难理解...就我所知... 试试这个...

$('tr.level2').click(function(){
 $(this).nextUntil("tr.level2").slideToggle(100);});