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

相关文章

jQuery插件的种类 1、封装对象方法 这种插件是将对象方法封装起来,用于对通过选择器获取的jQuery对象进...
扩展jQuery插件和方法的作用是非常强大的,它可以节省大量开发时间。 入门 编写一个jQuery插件开始于给...
最近项目中需要实现3D图片层叠旋转木马切换的效果,于是用到了jquery.roundabout.js。 兼容性如图: ht...
一、什么是deferred对象? 开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有异...
AMD 模块 AMD(异步模块定义,Asynchronous Module Definition)格式总体的目标是为现在的开发者提供一...