我已經使用bootstrap framework
顯示可摺疊面板在我的網頁。默認情況下,第一個面板是打開的。我需要add class
到頁面加載時的opened panel's head
。如果我點擊任何面板,該類應該被刪除。這個怎麼做?bootstrap摺疊添加類爲打開項目
2
A
回答
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);
});
相關問題
- 1. bootstrap只能打開摺疊,你點擊
- 2. 如何反轉Bootstrap摺疊項目?
- 3. Bootstrap摺疊 - 全部展開
- 4. bootstrap div摺疊並展開
- 5. Vim摺疊 - 標記打開摺疊
- 6. 只在Bootstrap中打開一個時關閉特定的可摺疊項目3
- 7. Bootstrap-Table展開/摺疊表示例開始摺疊
- 8. 在GridView中展開/摺疊項目
- 9. Recyclerview展開/摺疊多個項目
- 10. jquery展開/摺疊所有項目
- 11. Bootstrap可摺疊面板 - 從部分開始打開
- 12. 如何爲摺疊後的菜單添加類並刪除摺疊後的類
- 13. jQuery:toogle - >只打開一個並摺疊其他兄弟項目
- 14. 在Eclipse Indigo中慢速打開「動態Web項目」摺疊
- 15. 添加CSS3過渡展開/摺疊
- 16. Bootstrap摺疊菜單不折疊?
- 17. Bootstrap摺疊不會自動摺疊
- 18. Bootstrap多列摺疊
- 19. Bootstrap展開全部標籤後摺疊
- 20. Bootstrap 3 - 展開摺疊圖標
- 21. 如何添加「活動」類來打開Bootstrap 3手風琴項目?
- 22. 如何限制可摺疊項目保持展開狀態,除非我單擊其他可摺疊項目來展開而不是可摺疊項目本身
- 23. bootstrap 3 collapse('hide')打開所有可摺疊的對象?
- 24. Bootstrap導航欄無法打開或摺疊
- 25. 如何以編程方式打開/摺疊GWT Bootstrap Accordion
- 26. Bootstrap 2.1.1「可摺疊」在IE中未初次打開
- 27. Bootstrap手風琴不會打開;保持摺疊
- 28. 如何:非摺疊導航項Bootstrap 3
- 29. Bootstrap可摺疊的側面菜單項
- 30. angular-ui-bootstrap按目標摺疊
請出示一些代碼。還有,哪個版本的bootstrap? –
你能分享你的相關代碼嗎? –
我已經從這個網站下載了框架,請參考http://getbootstrap.com/javascript/#collapse代碼 – lifeline