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

这是我的基地：

http://jsfiddle.net/UnV4Z/ http://jsfiddle.net/UnV4Z/

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

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

但这意味着我必须为每个类别拥有一个实例。有没有更干净的方法来做到这一点？

尝试为手风琴提供一个类并稍微修改代码以使其根据单击的元素隐藏同级元素。

http://jsfiddle.net/RnwYQ/19/ 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();​