jQuery UI 아코디언 혼합 모드 만들기

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')); 
}); 

: -

준비 문서는>이 같은 후속 패널을 숨기기 위해 온 클릭 이벤트를 처리 한