1
我有这个问题。我需要使用隐藏功能来做什么Bootstrap手风琴功能,但我不能使用手风琴,因为我需要的按钮是在3列组&有崩溃进入全角。 当前当我切换一个它显示&隐藏那一个。我需要它来显示当前的其余&隐藏。 帮助!Bootstrap折叠切换显示/隐藏3列没有手风琴
http://jsfiddle.net/Lowdl/pruggwqk/2/
<div class="itl">
<div class="container">
<div class="row">
<div class="col-md-4" id="accordion">
<button type="button" class="btnRed" data-toggle="collapse" data-target="#collapseInvest" data-parent="#accordion" aria-expanded="false" aria-controls="#collapseInvest">Find out more</button>
</div>
<div class="col-md-4 green">
<button type="button" class="btnGreen" data-toggle="collapse" data-target="#collapseTrust" data-parent="#accordion" aria-expanded="false" aria-controls="#collapseTrust">Find out more</button>
</div>
<div class="col-md-4">
<button type="button" class="btnRed" data-toggle="collapse" data-target="#collapseLead" data-parent="#accordion" aria-expanded="false" aria-controls="#collapseLead">Find out more</button>
</div>
</div>
</div>
</div>
<div id="collapseInvest" class="collapse">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id dolor lorem. Phasellus a nisl sit amet est finibus tempor. Mauris sit amet massa sagittis, gravida tellus in, venenatis sem. Suspendisse efficitur efficitur varius. Cras euismod nisi ex, non lobortis risus dignissim vel.</P>
</div>
<div id="collapseTrust" class="collapse">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id dolor lorem. Phasellus a nisl sit amet est finibus tempor. Mauris sit amet massa sagittis, gravida tellus in, venenatis sem. Suspendisse efficitur efficitur varius. Cras euismod nisi ex, non lobortis risus dignissim vel.</p>
</div>
<div id="collapseLead" class="collapse">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut id dolor lorem. Phasellus a nisl sit amet est finibus tempor. Mauris sit amet massa sagittis, gravida tellus in, venenatis sem. Suspendisse efficitur efficitur varius. Cras euismod nisi ex, non lobortis risus dignissim vel.</p>
</div>
</div>
是的,这就是我想要的。我只需要默认关闭所有折叠。只有当选择一个时,它才会下降。 & 反之亦然。这是非常接近的。谢谢! – Lorenzo
只需在标记div'collapseInvest'中删除类'in' – alexqoliveira
完美!非常感谢你们。就像应该那样工作。 – Lorenzo