按顺序切换嵌套列表

Toggling nested lists sequentially?

本文关键字：嵌套 列表 顺序      更新时间：2023-09-26

我使用以下jQuery代码从左到右折叠列表:(参见http://jsfiddle.net/uvYDN/的演示)

$('ul').hide()
$('li').contents()
    .filter(function() {return this.nodeType === 3})
    .wrap('<a>');
$('a').click(function() {
$(this).next('ul').toggle()
})

我想保留这个基本功能，但是下一个嵌套级别的项不应该一次全部出现，而是从上到下依次一个接一个地出现，例如在另一次鼠标单击或键盘输入之后。因此在上面的演示中，单击"Item"2"只会显示"item4"，"item5"只会在另一个输入后添加。

我刚刚开始编程，所以任何建议都会对我很有帮助!

这是一个顺序显示子项目http://jsfiddle.net/uvYDN/13/- Item 2的方法。如果您还需要隐藏它们，请使用相同的逻辑在所有子元素显示后进行切换。

忘记所有数组的东西，它太复杂了，我尝试了一会儿，然后意识到有一个更简单的方法。这是我的解决方案的工作原理。你可以自己整理或者让比我更优秀的人来优化。但它仍然有效。

哦，是的，pimvdb的建议很好。

相关文章：