13
我的bootstrap手风琴演奏气质十足!我创建了三个显示在列网格中的面板,但第二个和第三个折叠菜单关闭了错误的菜单(例如,单击/打开菜单2,然后单击/打开菜单3将在打开菜单3之前关闭菜单2)。Bootstrap手风琴面板/折叠
任何想法为什么?
代码在这里:
<div class="row">
<div class="col-sm-6 col-md-4">
<div class="panel-group">
<div class="panel panel-default">
<a class="panel-default" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
<div class="panel-heading">
<h4 class="panel-title">
My Story
</h4>
</div>
</a>
<div id="collapseOne" class="panel-collapse collapse">
<div class="panel-body">
Content
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<a class="panel-default" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
<div class="panel-heading">
<h4 class="panel-title">
My Skills
</h4>
</div>
</a>
<div id="collapseTwo" class="panel-collapse collapse in">
<div class="panel-body">
Content
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<a class="panel-default" data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
<div class="panel-heading">
<h4 class="panel-title">
My Ambition
</h4>
</div>
</a>
<div id="collapseThree" class="panel-collapse collapse">
<div class="panel-body">
content
</div>
</div>
</div>
</div>
</div>
</div>
嗯,哦Speghetti-OHS :)谢谢Zeeba,会投你了,但我仍然一个noob(正如你可能已经看到:) – tom1bomb
lol,np。只是开心,我可以帮忙。 – Zeeba