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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/jquery/428442.html

猜你在找的jQuery相关文章