我正在寻找以下相同的解决方案。我想在此示例中添加更多内容,但由于信誉较低而无法发表评论,因此请在此处添加
Bootstrap Collapse Accordion one panel open, all others close
我想在这个示例中始终应该打开一个选项卡。链接中给出的上述示例中有以下选项卡 咬伤和叮咬 宠物健康与安全 畜牧业健康与安全, 等
因此,如果我点击“牲畜健康与安全”,它会打开此标签,然后点击“宠物健康与安全”,打开它并关闭“牲畜健康与安全”。
所以我的问题是,如果我再次点击相同的标签,它就不应该关闭。即一个人应该处于开放状态。
希望它能够清除。
答案 0 :(得分:1)
检查此笔:Codepen link
我所做的是在代码中添加以下javascript。
$('.panel-heading a').on('click',function(e){
if($(this).parents('.panel').children('.panel-collapse').hasClass('in')){
e.stopPropagation();
}
});
希望这有帮助。