2014-11-04 98 views
0

好了,所以我有這個js代碼:引導JS - 可摺疊與切換

jQuery(".toggle-panel").click(function() { 
    jQuery('#collapsible-element').collapse({ 
    toggle: true, 
    }); 
}); 

我認爲它應該打開和關閉#可摺疊的元素,但它只能將其關閉。這個#collapsible-element也有自己的代碼中的「collapse in」類。首先點擊.toggle面板關閉#collapsible-element,但第二次點擊不會再打開它。我錯過了什麼嗎?

回答

0

如果您使用引導程序,則不需要任何其他JavaScript代碼進行切換。看看以下內容:

http://getbootstrap.com/javascript/#collapse

+0

你是什麼意思我不需要?我已經看過這個文檔。必須有一個點擊事件,否則頁面無法知道觸發了什麼崩潰。 – David 2014-11-04 12:55:41

+1

@David如果仔細閱讀示例,您將看到data-toggle =「collapse」data-parent =「#accordion」屬性。所以這些屬性在bootstrap中處理。只要將示例代碼複製粘貼到鏈接中即可,只要包含完整的bootstrap.js,它就可以工作 – 2014-11-04 13:00:48