jQuery UI手風琴展開/折疊

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演示

您只需要在類上注冊click事件，然后根據單擊發生的位置顯示和隱藏即可。

就那么簡單。

Answer 2

首先將可折疊設置為true： http : //api.jqueryui.com/accordion/#option-collapsible 。 接下來檢查活動面板，並使用該面板顯示/隱藏正確的按鈕

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

在這里找到這個： 檢測jquery-ui手風琴的打開/關閉狀態