jQuery UI Accordion Mixed Modeを作成する

Question

ノードのいくつかを展開または折りたたむことができますが、残りは混同しないように、混合アコーディオンを実装する方法を教えてもらえますか？

Answer 1

私が実装した方法を追加するだけで、誰かにこれを参照させることができるようになりました。

私はアコーディオンが必要だったカスタムクラス ".custom-accordion"で< li>タグを使用しました。私はアコーデオンが欲しくないところで他をスキップした。< li>

$(".custom-accordion").on("click", function (e) { 
    var $accordionPanel = $(this); 
    $accordionPanel.toggleClass("active"); 
    var panel = $accordionPanel.next(); 
    if (panel.css('max-height') != "0px") { 
     panel.css('max-height', '0px'); 
    } else { 
     //panel.css('max-height', panel[0].scrollHeight + "px"); 
     panel.css('max-height', "none"); 

    } 
    $accordionPanel.attr('aria-expanded', ($accordionPanel.attr('aria-expanded') == 'false' ? 'true' : 'false')); 
}); 

： -

準備文書では、>私はこのような、その後のパネルを非表示にするのonclickイベントを処理しています