Javascript 当显示活动内容时，Bootstrap 3选项卡切换为活动

我有一些标签使用引导3。它的设置方式是有两个选项卡导航，显示相同的内容。我似乎不明白的是，如果说TabA是活动的，那么两个TabA列表触发器都应该激活该类。现在，只有在li触发器上单击

代码笔：

代码笔的设置方式并不完全是我的项目的设置方式，而是给出了一个想法。目前，当你登陆我的页面时，有一个左标签Nav，中间是另一个选项卡Nav部分，当你点击中心部分是隐藏的，标签内容消失在：

$('.tab-toggle').on('click', function () {
      $('.center-nav-blocks').fadeOut('fast', function () {
        $('.tab-content').fadeIn('fast');

        scrollToElement('.title-row');
      });
    });

您可以使用

index（）

方法获取

li

的索引，单击该索引，然后使用该索引将类添加到索引匹配的

li

演示代码：

$（'.tab toggle'）。打开（'click'，function（）{
//获取单击的li的索引
var indexs=$（this）.closest（'li'）.index（）
//将类从其他类中移除
$（“ul li”）.not（$（this）.closest（'li'））.removeClass（“active”）
//添加索引相同的类
$（“ul”）.find（“li:eq（“+indexs+”））.not（$（this.closest（'li'））.addClass（“active”）
});







内容
B含量
C含量
D内容