我觉得这是一个简单的问题,我搜索了很多,但我找不到一个好的答案。
我有一堆嵌套的 UL,它们已附加到 div 中。我希望能够折叠我单击的 UL。问题是,当您在另一个 UL 中单击一个 UL 时,您实际上是在同时单击两者。因此,如果我单击最低层折叠并说出类似 $(this).css('height', '5px') 之类的内容,最高层的 UL 也会获得 5px 的高度。希望代码能让我的问题更清楚。
<ul class=t0>
<li class='item'>Top Item 1</li>
<li class='item'>Top Item 2</li>
<li class='item'>Top Item 3 is a list</li>
<ul class=t1>
<ul class=t2>
<li class='item'>some <span class='val'>Thing</span></li>
<li class='item'>something <span class='val'>else</span></li>
</ul>
<ul class=t2>
<li class='item'>method : <span class='val'>GET</span></li>
<li class='item'>uri : <span class='val'>/status</span></li>
</ul>
</ul>
<li class='item'>Top Item 3 is a list</li>
</ul>
因此,如果您单击 UL 类 t2,则仅 t2 折叠,但如果单击 t1,则两个 t2 都折叠。我知道如何更改 css 以及我在仅选择单击的 ul 时遇到的所有问题。我想我可以使用 .find 或 .closest 我只是不确定该怎么做。
在此先感谢您的帮助。