在引导手风琴上查询



我在使用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

最新更新