Question

jQuery UI 아코디언을 사용하고 해당 버튼을 클릭 할 때 모든 버튼을 숨기거나 축소하여 펼치고 축소하려고합니다.

확장 버튼을 클릭하고 아코디언 패널이 열리면 확장 모두가 모두 축소되고 대체됨을 의미합니다.

둘 사이를 전환하면 어떻게 "모두 확장"또는 "모두 접기"가 표시됩니다. 두 사람이 나란히 앉아있는 대신에?

감사합니다.

<span class='accordion-expand-all accordion_switch'><a href='#'>Expand all</a></span> 

/

<span class='accordion-collapse-all accordion_switch'><a href='#'>Collapse all</a></span> 

Answer 1

당신이 당신 링크가 다음 Fiddle demo

를 참조 표시하고 숨기려면

클래스에 click 이벤트를 등록한 다음 클릭이 발생하는 위치에 따라 표시 및 숨기기 만하면됩니다.

간단합니다.

Answer 2

첫 번째 세트는 접을 수 있음 : http://api.jqueryui.com/accordion/#option-collapsible. 활성 패널 다음 확인하고이 여기

var active = $(".selector").accordion("option", "active"); 

올바른 버튼을 표시/숨기기 위해 사용 Detecting jquery-ui accordion open/close state