jquery - 如何在没有多个实例的情况下使用嵌套的手风琴菜单？

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();​