javascript – Bootstrap Nav-tab显示隐藏内容

在我正在构建的用于学习Rails和JS的应用程序中,我想使用制表符导航.

这是我的标签导航,指向3个部分.我现在正在寻找创建JavaScript.单击选项卡并将类激活设置为单击的< li>时,如何处理此问题.同时显示相应的部分？

我不能做getElementById左右.所以,我需要这样的结构：

$("li.presentation").on("click",function(event) { ...
    $(...).class("active");
    $(...).toggle();
};

所有帮助赞赏！

第

这是我的CSS

.tab1 {
    display: block;
}

.tab2 {
    display: none;
}

.tab3 {
    display: none;
}

最佳答案

您不需要推出自己的自定义JavaScript和CSS来完成此任务.您可以在选项卡锚点中使用Bootstrap的内置data-toggle =“tab”属性.

这是一个现场演示：
http://www.bootply.com/ZSu8N3bB03