在我正在构建的用于学习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