强制打开至少一个手风琴引导标签

时间:2016-07-14 06:35:14

标签: javascript jquery css twitter-bootstrap-3

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

Bootstrap Collapse Accordion one panel open, all others close

我想在这个示例中始终应该打开一个选项卡。链接中给出的上述示例中有以下选项卡 咬伤和叮咬 宠物健康与安全 畜牧业健康与安全, 等

因此,如果我点击“牲畜健康与安全”,它会打开此标签,然后点击“宠物健康与安全”,打开它并关闭“牲畜健康与安全”。

所以我的问题是,如果我再次点击相同的标签,它就不应该关闭。即一个人应该处于开放状态。

希望它能够清除。

1 个答案:

答案 0 :(得分:1)

检查此笔:Codepen link

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

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

希望这有帮助。