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會使它的行為與其他示例一樣，當您單擊不同的節點時會折疊所有打開的節點。