Bootstrap-折疊所有手風琴並單擊顯示

Question

我對引導程序中使用的手風琴有疑問。

在我的頁面上，有多個使用不同ID的手風琴，因為通過Kendo將不同的內容加載到每個手風琴中。

我想要做的是單擊打開一個手風琴的鏈接時折疊所有手風琴...

我想一個例子是

#accordion1 //is expanded
#accordion2 //is expanded
#accordion3 //is expanded
#accordion4 //is collapsed

link clicked expands accordion4

\#accordion1 //is expanded
\#accordion2 //is expanded
\#accordion3 //is expanded
\#accordion4 //is expanded

但是我想要的是手風琴1，手風琴2和手風琴3折疊而手風琴4擴展

引導程序有可能嗎？還是我必須在Kendo或jQuery中創建一些自定義代碼？

Answer 1

引導程序可以使用data-attribute來實現：

 <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">

這是一個工作示例。