如何用一个按钮折叠几个块?

时间:2017-05-02 06:26:27

标签: html twitter-bootstrap twitter-bootstrap-4

我有几个显示的块,我想通过单击一个按钮同时打开。我使用bootstrap 4 alpha 6。我使用下一个html但是当我点击按钮时它只打开第一个崩溃块。我不能使用id到data-target的问题导致显示块的数量是动态的,所以我使用class来处理这些块。如何解决这个问题?

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>

1 个答案:

答案 0 :(得分:1)

目前Alpha 6中存在一个错误,可防止多个data-target工作。

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

它将在Beta版本中修复。