Jquery 在表行上实现展开/折叠的步骤

我的桌子看起来像这样

<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>

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

试试这个

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

---

你的问题很难理解。。。正如我现在所理解的。。。 试试这个

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

---

不，没用。它只是对下一个进行分组，但我希望它能在当前的情况下对所有的进行分组，直到它遇到一个具有类似儿童风格的新的。

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