jquery Bootstrap Collapse:如何停用其他按钮?

kzmpq1sx  于 2022-11-22  发布在  jQuery
关注(0)|答案(2)|浏览(123)

我需要帮助使用引导程序折叠。我创建了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>

这是我的代码的一个简化示例。

yyhrrdl8

yyhrrdl81#

您 可以 为 它 编写 一 个 jquery 函数 。 获取 您 的 按钮 元素 , 并 在 单击 其中 一 个 时 切换 它们 的 禁用 状态 。 如果 您 搜索 " bootstrap collapse expand one at the time " , 您 甚至 会 找到 很多 现成 的 解决 方案 。

ubof19bj

ubof19bj2#

好吧,我想我会使用acordions。首先,我不喜欢它们,但它们在小型设备上看起来更好。

相关问题