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

这是我的基础：

http://jsfiddle.net/UnV4Z/

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

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

但这意味着每个类别我必须拥有一个实例。 这样做有更清洁的方法吗？

Answer 1

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

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