展開所有jquery-UI手風琴

Question

我正在嘗試構建一個jQuery-UI手風琴。有人知道我怎樣才能製作一個按鈕，以使所有的擴展。

腳本：

$(function() { 
    $("#accordion") 
     .accordion({ 
     header: "> div > h3" 
     }) 
     .sortable({ 
     axis: "y", 
     handle: "h3", 
     stop: function(event, ui) { 
      ui.item.children("h3").triggerHandler("focusout"); 
      $(this).accordion("refresh"); 
     } 
     }); 
    }); 

http://jsfiddle.net/g0ogLhey/

Answer 1

如果檢查widget結構，你可以看到每個.ui-accordion-header類.ui-accordion-content有一個簡單的CSS指令：display:none;。

與其他東西一起操縱該指令，手風琴可以通過單擊進行擴展或隱藏。

這是你撥弄着一些代碼更新到你想要的東西 - >https://jsfiddle.net/g0ogLhey/1/

請原諒我的不很好地組織代碼。現在已經很晚了，肯定有一點時間可用，可能會寫得更好。

考慮我的代碼作爲改進你的起點。