jQuery 中的手风琴菜单

Question

我正在玩手风琴菜单插件，特别是示例 3 ：非手风琴（标准可扩展菜单）。

我基本上是在尝试使用此手风琴菜单的示例 3 选项，其中我有 5 个菜单选项，其中五个菜单选项中有两个具有子菜单，而其他三个没有-它们只是直接调用页面。

例子：

菜单 A
菜单 B
子菜单 B1
子菜单 B2
菜单 C
菜单 D
子菜单 D1
子菜单 D2
子菜单 D3
子菜单 D4
菜单 E

一切正常，但我所追求的并且不确定如何合并到代码中的是，如果最初整个菜单被折叠并且我单击菜单 B，它会向下滑动此菜单的子菜单 B 内容，我所追求的是一旦我点击另一个菜单选项，比如菜单 A 甚至其他子菜单选项 D，如果现有的手风琴菜单展开，我希望当我点击菜单 A（没有子菜单）时看到菜单 B 折叠-menu）或菜单 D（带子菜单）。

如何将此功能合并到此插件中，例如来自本网站的 3？

Answer 1

从页面底部的来源：

[snip]

if($('#' + parent).hasClass('noaccordion')) {
    $(this).next().slideToggle('normal');
    return false;
}
...

基本上，这条线胜过其他：如果你的手风琴有noaccordion类，当你点击另一个时它不会自动关闭任何打开的元素。

从ul的标记中删除noaccordion会使它的行为与其他示例一样，当您单击不同的节点时会折叠所有打开的节点。