如何在没有多个实例的情况下使用嵌套的折叠式菜单？

Question

这是我的基础：

http://jsfiddle.net/UnV4Z/

我希望它是三个级别而不是两个级别。我在这里工作了：

http://jsfiddle.net/RnwYQ/13/

但这意味着每个类别必须有一个实例。有没有更简洁的方法呢？

Answer 1

尝试给手风琴一个类并略微修改代码，使其隐藏基于点击元素的兄弟姐妹。

http://jsfiddle.net/RnwYQ/19/

$(".accordion > li > div").click(function() {

    if (!$(this).next().is(':visible')) {
        $(this).parent().siblings().children("ul").slideUp(300);
    }
    $(this).next().slideToggle(300);
}).parent().filter(":first-child").children("div").click();​