jquery - Bootstrap Collapse:如何停用其他按钮?
问题描述
我在使用 Bootstrap 崩溃方面需要帮助。我创建了 3 个正在折叠的按钮。事情,在我的情况下,只有一个按钮被折叠才是合乎逻辑的。所以我想在单击按钮时停用其他按钮。有没有办法做到这一点?
非常感谢。
<div class="panel-group" id="accordion">
<div class="btn-group btn-group-justified" role="group">
<div class="btn-group" role="group">
<button class="btn btn-default" type="button" data-toggle="collapse" data-parent="#accordion" data-target="#collapseexample1" aria-expanded="false" aria-controls="collapseexample1">some example text</button>
</div>
<div class="btn-group" role="group">
<button class="btn btn-default" type="button" data-toggle="collapse" data-parent="#accordion" data-target="#collapseexample2" aria-expanded="false" aria-controls="collapseexample2">some text</button>
</div>
</div>
</div>
<div class="row">
<div class="col">
<div class="collapse multi-collapse" id="collapseexample1">
<div class="col-lg-4">
random text
</div>
</div>
<div class="collapse multi-collapse" id="collapseexample2">
<div class="col-lg-4"></div>
<div class="col-lg-4>
random text again
</div>
<div class="col-lg-4"></div>
</div>
</div>
</div>
这是我的代码的简化示例。
解决方案
您可以为它编写一个 jquery 函数。获取您的按钮元素并在单击其中一个元素时切换其禁用状态。如果您搜索“bootstrap collapse expand one at the time”,您甚至应该找到很多现成的解决方案