javascript - 一次扩展 bootstrap 手风琴组

Question

我正在使用引导折叠元素。当我扩展一个手风琴组时，另一个关闭。如果我不希望另一个手风琴在单击时关闭，该怎么办？

<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

以下是关于如何执行此操作的引导程序网站。

只需将 data-toggle="collapse" 和 data-target 添加到元素即可自动分配对可折叠元素的控制。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>