引导3.3.6 -如何在单个页面上通过Nav显示/隐藏多个元素
引导3.3.6 -如何在单个页面上通过Nav显示/隐藏多个元素
提问于 2016-05-03 20:02:07
在引导3.3.6中，我了解了nav选项卡和选项卡内容区域是如何工作的。对于您单击的每个选项卡，将显示一个关系内容区域。但在我的特殊情况下，我使用的是一个2列布局，其中一列中有导航选项卡，另一列中有一个额外的私有链接列表，名为“私有列表”。
演示可以在这里查看。
http://www.bootply.com/NJXUfgD5iE
当我点击我的第2节nav选项卡时，我的第2节内容区域就会以引导带3显示出来。但是，我怎样才能告诉我的.私有列表，位于我的左列，只显示当我点击我的第2和3选项卡，然后再次隐藏，当我点击第1节？
例如，我是否可以使用类进程(而不是ID进程)锁定单个nav选项卡单击的多个引导组件元素？
谢谢
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-05-03 20:31:52
您可以为选项卡拥有自己的单击处理程序：
$('.nav-tabs a').click(function (e) {
e.preventDefault();
$(this).tab('show');
if($(this).attr("href") != "#tab1"){
$(".public-list").hide();
$(".private-list").show();
}
else{
$(".public-list").show();
$(".private-list").hide();
}
})页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/37013349
复制相关文章
相似问题
腾讯云开发者
