我正在尝试创建一个手风琴按钮(引线)。
我有一个侧面的按钮菜单,可以触发侧面的信息。我想制作手风琴的信息,以便一次只显示一行信息。
我该怎么做?
<div class="col-sm-2 row side">
<button type="button" class="btn btn-link" data-toggle="collapse" data-target="#f1" data-parent="#accordion">Farm Fresh Produce</button>
<button type="button" class="btn btn-link" data-toggle="collapse" data-target="#f2" data-parent="#accordion">Building 1</button>
<button type="button" class="btn btn-link" data-toggle="collapse" data-target="#f3" data-parent="#accordion">Building 2</button>
</div>
<section class="col-sm-9 col-sm-offset-1">
<div class="row collapse" id="f1">
<p>Stuff 1</p>
</div>
<div class="row collapse " id="f2">
<p>Stuff 2</p>
</div>
<div class="row collapse " id="f3">
<p>Stuff 3</p>
</div>
</section>发布于 2014-09-01 19:04:32
请参阅引导的文档
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#f1">Farm Fresh Produce</a>
</h4>
</div>
<div id="f1" class="panel-collapse collapse">
<div class="panel-body">
Stuff 1
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#f2">Building 1</a>
</h4>
</div>
<div id="f2" class="panel-collapse collapse">
<div class="panel-body">
Stuff 2
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#f3">Building 2</a>
</h4>
</div>
<div id="f3" class="panel-collapse collapse">
<div class="panel-body">
Stuff 1
</div>
</div>
</div>
</div>https://stackoverflow.com/questions/25611552
复制相似问题