Question

我正在使用bootstrap collapse元素。当我扩展一个手风琴组时，另一个人关闭。应该怎么做如果我不希望另一个手风琴在被点击的时候关闭？

<div class='accordion-group'>" + "<div class='accordion-heading' style='font-size:15px;'>" + "<a class='accordion-toggle collapsed' data-toggle='collapse' data-parent='#accordion1' href="#collapse1">

提前致谢：）

Answer 1

以下是关于如何执行此操作的bootstrap网站。

只需将data-toggle =“collapse”和数据目标添加到元素即可自动分配对可折叠元素的控制。 data-target属性接受css选择器以应用折叠。请务必将类折叠添加到可折叠元素。如果您希望它默认打开，请在其中添加其他类。

以下是示例代码。

最大的区别是添加data-target="#collapseOne"而不是data-parent="#accordion"。

<div class="accordion-group">
   <div class="accordion-heading">
       <a class="accordion-toggle" data-toggle="collapse" data-target="#collapseOne" href="#">
          Item #1
       </a>
   </div>
   <div id="collapseOne" class=" collapse in">
      <div class="accordion-inner">
          Anim pariatur cliche reprehenderit
      </div>
   </div>
</div>

Answer 2

这有效：

<div class='accordion-group'><div class='accordion-heading' style='font-size:15px;'><a class='accordion-toggle' data-toggle='collapse' data-target="#collapse1" href='#collapse1'>

TEXT
</a></div>
<div id="collapse1" class="accordion-body collapse" style="height: 0px "><div class="accordion-inner">
TEXT_INNER
</div></div></div>

一次扩展bootstrap手风琴组

2 个答案: