bootstrap accordion:如何在点击时全部折叠

时间:2013-10-03 15:46:12

标签: javascript jquery twitter-bootstrap accordion twitter-bootstrap-3

有没有选项可以在点击打开或任何其他标题时折叠所有手风琴?

例如,单击第二个标题,所有手风琴都应该折叠。 有可能吗?

DEMO http://plnkr.co/edit/OxbVII?p=preview

1 个答案:

答案 0 :(得分:2)

您的主要问题在于accordion-toggle个链接。

<a class="accordion-toggle" data-toggle="collapse" data-target="#collapseOne" href="#">

应该是

<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">

请注意,data-target不需要它,而是进入href但添加了data-parent。需要为所有三个链接完成。

实施例

http://plnkr.co/edit/VY7ETh?p=preview