我有两个定义如下的按钮：
<button href="#select" class="btn btn-default" data-toggle="collapse">
Select
</button>
<button href="#add" class="btn btn-default" data-toggle="collapse">
Add
</button>
我有两个不同的div部分，定义如下：
<div id="select" class="collapse">
Select your option
</div>
<div id="add" class="collapse">
Add your option
</div>
当我单击“选择”按钮时，选择div折叠。
之后，如果我单击“添加”按钮，则添加div会折叠在选择div的正下方。
我希望一次只显示一个div。如果单击“选择”，则应该折叠select div，然后，如果用户单击“添加” div，则应该折叠select div，只添加要显示的div，反之亦然。
我尝试了上述方法，但没有达到预期的结果。有什么办法可以实现我想要的行为？
谢谢！
只需将两个div部分包装在中.panel，然后将其包装在具有ID的父容器中。然后将id作为data-parent属性添加到div
<div id="parent">
<div class="panel">
<div id="select" class="collapse" data-parent="#parent">
Select your option
</div>
</div>
<div class="panel">
<div id="add" class="collapse panel" data-parent="#parent">
Add your option
</div>
</div>
</div>
小提琴-https: //jsfiddle.net/dszc5q5r/
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句