按顺序切换嵌套列表？

Question

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

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

$('a').click(function() {
$(this).next('ul').toggle()
})

我想保留这个基本功能，但是下一个嵌套级别的项不应该一次出现，而是从上到下依次逐个显示，例如在另一次鼠标点击或键盘输入之后。这样在上面的演示中，点击“项目” 2“只会显示”第4项“，而”第5项“只会在另一次输入后添加。

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

Answer 1

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

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

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