javascript - 强制打开至少一个 Accordion Bootstrap 选项卡

Question

我正在寻找相同的以下解决方案。我想在此示例中添加更多内容，但由于声誉点数较低而无法发表评论，因此请在此处添加

Bootstrap Collapse Accordion one panel open, all others close

在此示例中，我希望始终打开一个选项卡。链接中给出的上述示例中有以下选项卡咬伤和蜇伤宠物健康与安全牲畜健康与安全，等

因此，如果我单击“牲畜健康与安全”，它会打开此选项卡，然后单击“宠物健康与安全”，它会打开并关闭“牲畜健康与安全”。

所以我的问题是，如果我再次单击同一个选项卡，它应该不会关闭。即，应该始终处于打开状态。

希望一切顺利。

Answer 1

检查这支笔:Codepen link

我所做的是将以下 javascript 添加到代码中。

$('.panel-heading a').on('click',function(e){
   if($(this).parents('.panel').children('.panel-collapse').hasClass('in')){
        e.stopPropagation();
    }
});

希望这对您有所帮助。