繁体   English   中英

一次扩展Bootstrap Accordian组

[英]Expanding bootstrap accordian groups all at a time

我正在使用bootstrap崩溃元素。 当我扩展一个手风琴组时,另一个关闭。 如果我不希望另一手风琴点击时关闭,该怎么办?

<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">

提前致谢 :)

以下是引导网站上有关如何执行此操作的信息。

只需将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>

这有效:

<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>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM