Jquery UI Accordion展开/折叠

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

首先将可折叠设置为true：http://api.jqueryui.com/accordion/#option-collapsible。 接下来检查活动面板并使用它来显示/隐藏正确的按钮

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

在此处找到：Detecting jquery-ui accordion open / close state