2012-12-27 100 views
0

我想將一個標題和一個內容面板轉換爲手風琴。jQuery中的手風琴ul

<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 
}); 

我的問題是我需要申請點擊事件標題打開內容面板和摺疊內容面板..

謝謝你..

+0

問題沒有意義......手風琴已經切換了內容。如果它不這樣做..機會是你有腳本錯誤beig拋出...看看瀏覽器控制檯 – charlietfl

+0

http://jsfiddle.net/GWhaz/2/ –

+0

只工作一次。點擊頁眉時,我需要再次合攏內容 –

回答

2

很簡單設置collapsable屬性。

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

你需要引用的jQuery UI在你的代碼:

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

而且因爲默認情況下在其他答覆中提到,應該永遠是一個展開的面板,所以如果你只有一個面板說不上除非您切換collapsible選項,否則會摺疊。 collapsible: true