2014-02-17 86 views
0

我有一個問題與Bootstrap accordion質疑引導手風琴

我想保持只有一個項目活躍,有些則需要關閉。但我無法想象如何去做。代碼(上面的鏈接)顯示了我迄今爲止所嘗試的內容。

PS:理想情況下,每個手風琴中都有一個按鈕可以將複選框過濾到下一頁。

謝謝

+0

您的鏈接是錯誤的 –

+0

對不起 - 從不打保存 - 衛生署! - http://plnkr.co/edit/0CLaUzjsHtWocupPQeiV?p=preview –

回答

0

您在您的標記錯誤。你有3個面板組元素,但你只需要一個。

欲瞭解更多信息,請參閱官方文檔在http://getbootstrap.com/javascript/#collapse

固定碼:http://plnkr.co/edit/BxuOCBzgXKPph7Ouqv6k?p=preview

+0

無論如何,您是否可以修改標記以跨越頁面水平佈置手風琴,並且它們之間有很好的間距? –

+0

你的意思是縮進源代碼嗎?它是蹦極功能。右上角有一個按鈕。 –

+0

不,我的意思是這是我有三個面板組的原因 - 而不是垂直出現的手風琴 - 我希望它橫向出現在屏幕上 –

0

什麼是真正的問題是,你的代碼有不同的數據父母。如果你只想要一個活躍的話,那不會發生。

data-parent="#accordion1" 

data-parent="#accordion2" 

應該

data-parent="#accordion" 

也確實有面板組與只是不能用你的HTML發生相同的ID。你只需要刪除兩個面板組,並保留一個,你應該沒問題。

http://plnkr.co/edit/qHkDwsmswFbVarGDnLgt?p=preview