使用css隐藏jQuery选项卡
使用css隐藏jQuery选项卡
提问于 2011-09-11 03:17:24
显示7个标签的Jquery标签控件。当我打印页面时，我只想打印选项卡4。如何在css中隐藏jQuery选项卡控件的选项卡1-3和5-7？谢谢。
回答 2
Stack Overflow用户
回答已采纳
发布于 2011-09-11 03:18:56
您需要将它们的显示设置为none，如下所示：
display: none;你需要将它添加到你想要隐藏的标签的所有元素中。例如：
.hideTabId {
display: none;
}Stack Overflow用户
发布于 2011-09-11 05:16:09
假设您有下面的html
<div id="tabcontainer">
<div class="tab">tab 1</div>
<div class="tab">tab 2</div>
<div class="tab">tab 3</div>
<div class="tab">tab 4</div>
<div class="tab">tab 5</div>
<div class="tab">tab 6</div>
<div class="tab">tab 7</div>
</div>您可以使用css来完成此操作。
.tab {
display:none;
}
.tab:nth-child(4) {
display: block;
}或jQuery
$(".tab").hide();
$(".tab:nth-child(4)").show(); // you can also do $(".tab").eq(3).show();jsFiddle example
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7374003
复制相关文章
相似问题
腾讯云开发者
