2013-10-02 25 views
2

我已經使用bootstrap framework顯示可摺疊面板在我的網頁。默認情況下,第一個面板是打開的。我需要add class到頁面加載時的opened panel's head。如果我點擊任何面板,該類應該被刪除。這個怎麼做?bootstrap摺疊添加類爲打開項目

+0

請出示一些代碼。還有,哪個版本的bootstrap? –

+0

你能分享你的相關代碼嗎? –

+0

我已經從這個網站下載了框架,請參考http://getbootstrap.com/javascript/#collapse代碼 – lifeline

回答

2

我想我知道你想要什麼。這裏試試這個

var panelHeadClass = 'foo', 
    accordion = $('#accordion'), 
    openPanel = accordion.find('.panel-collapse.collapse.in'), 
    openPanelHead = openPanel.prev('.panel-heading').addClass(panelHeadClass); 

accordion.on('click', '.panel', function() { 
    openPanelHead.removeClass(panelHeadClass); 
}); 

演示 - http://jsfiddle.net/ehvDd/3/

+0

完美。它的作用像一個魅力。謝謝。 – lifeline

+0

多一份幫助。如何在點擊面板的時候將該類添加到活動面板頭,並在不活動時刪除該類? – lifeline

相關問題