3
我想关闭第一个可折叠元素后点击第二,但它不工作。data-parent属性不工作在崩溃引导程序v4-alpha
<div class="row">
<div class="col-md-12">
<div id="advancedOptions">
<p class="advanced-search-options ml-1">
<a role="tab" data-toggle="collapse" data-parent="#advancedOptions" href="#advancedSearchOptions" aria-expanded="false" aria-controls="advancedSearchOptions">Advanced search options</a>
or browse by
<a role="tab" data-toggle="collapse" data-parent="#advancedOptions" href="#areaList" aria-expanded="false" aria-controls="areaList">area list</a>
</p>
<div class="collapse" id="advancedSearchOptions" aria-labelledby="advancedSearchOptions">
Advanced Search Options
</div>
<div class="collapse" id="areaList" aria-labelledby="areaList">
Area List
</div>
</div>
</div>
</div>
的jsfiddle:https://jsfiddle.net/Lppf5r2z/
你想建立一种手风琴面板? –
@GuruprasadRao检查https://jsfiddle.net/Lppf5r2z/它应该像手风琴一样工作。 – Darpan
手风琴基本上是用** [这种方式]完成的(https://v4-alpha.getbootstrap.com/components/collapse/#accordion-example)** AFAIK。所以对于目前的实现,我怀疑你可能需要写一些jQuery代码来实现这一点。你介意如果你用jQuery完成它吗? –