JQuery基于类折叠表格单元格

Question

您好，我的菜单有一个表格结构，我需要能够从 level2 折叠/展开菜单，以便所有 level3 单元格都可见。我的 HTML 是这样的:

<table>
<tr><td class="level1"><a href="abc.html">First Item</a></td></tr>
<tr><td class="level2"><a href="def.html">SecondItem</a></td></tr>
<tr><td class="level3"><a href="ghi.html">Third Item</a></td></tr>
<tr><td class="level3"><a href="jkl.html">Fourth Item</a></td></tr>
<tr><td class="level3"><a href="mno.html">Fifth Item</a></td></tr>
<tr><td class="level2"><a href="pqr.html">Sixth Item</a></td></tr>
<tr><td class="level2"><a href="stu.html">Seventh Item</a></td></tr>
</table>

当我按下 level2 项目时，我如何只折叠/展开我按下的 level2 之后的 level3 项目？我只想为 level2 执行此操作，而不是为 level 1 执行此操作。

Answer 1

您是否考虑过为菜单使用嵌套列表？它不仅使您的任务更轻松，而且是“更好”的结构(关键字:无表布局)。