我在使用Bootstrap手风琴时遇到了问题
我只想保持一个项目处于活动状态,其他项目需要关闭。但是我不知道该怎么做。代码(上面的链接)显示了我到目前为止尝试过的内容。
PS:理想情况下,因为每个手风琴中都有一个按钮,可以将选中的复选框发布到下一页。
谢谢
您的标记有错误。您有 3 个面板组元素,但您只需要一个。
有关更多信息,请参阅 http://getbootstrap.com/javascript/#collapse
固定代码:http://plnkr.co/edit/BxuOCBzgXKPph7Ouqv6k?p=preview
真正的问题是你的代码有不同的数据父级。如果您只希望一个人处于活动状态,则不会发生这种情况。
data-parent="#accordion1"
和
data-parent="#accordion2"
应该是
data-parent="#accordion"
您也确实有具有相同ID的面板组,而您的html不会发生这种情况。您只需要删除两个面板组并保留一个,您应该没问题。
http://plnkr.co/edit/qHkDwsmswFbVarGDnLgt?p=preview