Javascript 隐藏引导面板

我有面板内容（不是手风琴）设置要隐藏在页面加载。当用户单击其中一个选项卡时，将删除一个“隐藏”类，从而显示面板内容。然后，如果用户单击“打开”面板的选项卡，我想隐藏内容：

$('#section-navigation a').click(function (e) {
  e.preventDefault()
  if ($(this).closest("li").hasClass("active")) {
    $('#section-navigation li.active').removeClass("active");
    $(".tab-content").addClass("tab-content-hidden");
  } else {
    $(".tab-content").removeClass("tab-content-hidden");
    $(this).tab('show');
  }
});

这会在第一次单击时显示面板内容，在第二次单击同一选项卡时隐藏面板内容，但不会从面板内容“li”中删除“活动”类，第三次单击同一选项卡时不会执行任何操作。此处示例（彩色面板）：

小提琴：

---

我怎样才能实现我的目标？我知道我可能完全错了，因为我对JS/jQuery缺乏经验。

您的自定义选项卡与引导选项卡实现冲突。最好是有一个自定义选项卡实现

下面是一个快速自定义实现-

$（“a[role=tab]”）。单击（function（）{
if（$（this）.parent（'li'）.hasClass（'active'））{
$（this.parent（'li'）.removeClass（'active'）；
$（“.tab-content”）.addClass（'tab-content-hidden'）；
}否则{
$（“#节导航li”）.removeClass（'active'）；
$（this.parent（'li'）.addClass（'active'）；
$（“.tab内容”）.removeClass（'tab-content-hidden'）；
$（“.tab content.tab pane”）.hide（）；//全部隐藏
$（$（this.attr（'href'））.show（）；//显示所选内容；
}
});
ul#部分导航{
列表样式类型：无；
填充：0；
}
ul#导航段{
位置：相对位置；
浮动：左；
宽度：25%；
垫底：15%；
溢出：隐藏；
}
ul#部分导航li>a{
位置：绝对位置；
排名：0；
左：0；
底部：0；
右：0；
文本对齐：居中；
边界：0；
颜色：#0e034f；
}
ul#部分导航li>a，
ul#部分导航li.active>a，
ul#导航部分李a：悬停，
ul#部分导航李a：焦点{
背景：0；
边界：0；
保证金：0；
大纲：0；
}
ul#部分导航li>a h2{
字体大小：24px；
利润率最高：1vw；
}
ul#部分导航li>a p{
显示：无；
}
ul#导航李a分区{
位置：绝对位置；
底部：0；
右：0；
宽度：15%；
}
ul#导航李a分区：之后{
内容：“；
显示：块；
填充顶部：100%；
}
ul#段导航李a分区{
显示：块；
宽度：100%；
身高：100%；
}
ul#段导航李a分区跨度{
显示：块；
线高：100%；
颜色：#fff；
过渡：0.2s全部；
字体大小：12vw；
}
ul#段导航li.active a div div span{
-ms变换：旋转（45度）；
-webkit变换：旋转（45度）；
变换：旋转（45度）；
转化来源：48%48%；
}
.选项卡内容{
溢出：隐藏；
最大高度：4000px；
过渡：最大高度.5s立方贝塞尔（1,0,7,1）；
}
.选项卡内容.面板填充{
垫面：2%；
}
.选项卡内容关闭{
浮动：对；
字体大小：30px；
宽度：30px；
文本对齐：居中；
左边距：100%；
}
.了解更多信息1，
.了解更多信息2，
.了解更多信息-3，
.了解更多信息4{
溢出：隐藏；
最大高度：4000px；
填充顶部：60px；
填充底部：60px；
}
.选项卡内容隐藏，
.了解更多隐藏的信息，
.隐藏的酒吧{
最大高度：0；
填充顶部：0；
填充底部：0；
}
#link-learn-more-1，
#link-learn-more-2，
#link-learn-more-3，
#link-learn-more-4{
位置：相对位置；
顶部：-50px；
}
.了解更多信息.选项卡内容img{
宽度：100%；
}
.面板衬垫{
填充：5%；
}











95%的学徒会推荐我们
进一步了解学徒制提供的巨大机会


从一开始就在各种令人兴奋的行业和工作中学习，提高技能，获得宝贵的经验，促进职业发展

员工满意度提高88%
培养下一代领导者和管理者


享受进步的、灵活的学习，它可以改善前景、促进职业发展并为您的组织带来即时价值

95%对他们的职业生涯产生了积极影响
为有抱负的教师和评估员提供激励性培训


对于希望进入教学、外部评估或内部质量控制评估的人员，请利用我们认证的3级和4级资格。灵活、相关，为您提供所需的实用技能，我们的
课程的设计是为了方便访问，并帮助您在职业生涯中迈出下一步

93%的人会向朋友推荐
迈出成为优秀学徒的第一步


从一开始就在各种令人兴奋的行业和工作中学习，提高技能，获得宝贵的经验，促进职业发展

您可以添加正在使用的html吗？是