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">

这是一个工作示例。