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

这是我的基础：

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

---

但这意味着每个类别必须有一个实例。有更干净的方法吗？

尝试给accordion一个类，稍微修改代码，使其基于单击的元素隐藏同级

---

这是正确的嵌套，但现在链接的项目不起作用。它们应该起作用，我没有做任何事情来阻止它们。但是，请注意，它们在您的代码中也不起作用。@Citizen JSFIDLE正在阻止它们。如果将target=“\u blank”添加到这些链接的标记中，它将起作用。Debug说这是无效的javascript。是这样吗？说什么是无效的javascript

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