jQuery ul中的手風琴

Question

我正在嘗試將一個標題和一個內容面板轉換為手風琴。

<div id="accordion-two">
    <h3>Header</h3>
    <div>Content panel</div>
</div>

這是jQuery代碼

$('#accordion-two').accordion({
    header: 'h3',
    event: 'click',
    animated: 'swing',
    duration: 800, 
    active: false
});

我的問題是我需要將click事件應用於標題以打開內容面板並折疊內容面板。

謝謝..

Answer 1

設置可折疊屬性非常簡單。

$('#accordion-two').accordion(
    {
    header: 'h3', 
    event: 'click',  
    animated: 'swing', 
    duration: 800, 
    active: false,  
    collapsible: true 
    }
);​

Answer 2

您需要在代碼中引用jQuery UI：

<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js" type="text/javascript"></script>

另外，如默認情況下在其他答案中所述，應該始終有一個展開的面板，因此，如果您只有一個面板，則除非您切換collapsible選項，否則它無法collapsible 。 collapsible: true