我正在使用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>
2 回答
首先将collapsible设置为true:http://api.jqueryui.com/accordion/#option-collapsible . 接下来检查活动面板并使用它来显示/隐藏正确的按钮
在这里发现:Detecting jquery-ui accordion open / close state
如果您只想显示和隐藏链接,请参阅Fiddle demo
您只需在类上注册
click
事件,然后根据点击发生的位置显示和隐藏 .就那么简单 .