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

原文地址：https://www.jb51.cc/jquery/428442.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。