如何一键折叠多个区块？答案

【问题标题】：How collapse several blocks with one button?如何一键折叠多个区块？
【发布时间】：2017-05-03 00:56:46
【问题描述】：

我有几个显示的块，我想通过单击一个按钮同时打开它们。我使用bootstrap 4 alpha 6。我使用下一个 html，但是当我单击按钮时，它只打开第一个折叠块。我不能使用 id 到data-target 的问题是因为显示的块的数量是动态的，所以我对这些块使用类。如何解决这个问题？

HTML：

<button class="btn" type="button" data-parent="#blocks"  data-toggle="collapse" data-target=".block" aria-expanded="false" aria-controls=".block"></button>

<div id="blocks">
   <div class="collapse block" id="block-1">
      <!--FIRST BLOCK-->
   </div>
   <div class="collapse block" id="block-2">
      <!--SECOND BLOCK-->
   </div>
   <div class="collapse block" id="block-3">
      <!--THIRD BLOCK-->
   </div>
</div>

【问题讨论】：

任何小提琴的例子？
@rajamaha 你好！你是要我把我的html放到jsfiddle.net服务吗？
是示例代码。您需要打开所有框或任何特定框
我可以用jquery打开所有的盒子吗？
当然可以。我只是认为这可以通过 bootstrap 4 js 来实现。

标签： html twitter-bootstrap twitter-bootstrap-4

【解决方案1】：

目前 Alpha 6 中存在一个错误，导致多个 data-targets 无法工作。

https://github.com/twbs/bootstrap/pull/21690

它将在 Beta 版本中修复。

【讨论】：

感谢您提供此信息。这个链接到底是什么？我有点困惑。
这是一个指向 Bootstrap 代码仓库 (GitHub) 上的错误报告的链接。