Bootstrap - 折叠所有手风琴并显示点击

Question

我对引导程序中使用的手风琴有疑问。

在我的页面上有多个使用不同ID的手风琴，因为通过剑道将不同的内容加载到每个手风琴中。

我希望能够做的就是在点击打开一支手风琴的链接时折叠所有手风琴......

我想一个例子就是

#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

但我想要的是accordion1，accordion2和accordion3崩溃和accordion4扩展

这可能是使用bootstrap还是我必须在Kendo或jQuery中创建一些自定义代码？

Answer 1

使用数据属性：

可以使用bootstrap

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

Here一个有效的例子。