隐藏jquery UI引导选项卡

时间:2013-01-30 12:00:10

标签: jquery twitter-bootstrap

有没有办法隐藏Jquery UI引导程序选项卡 我在下面编写了代码以显示特定标签

 $('#myTab a:last').tab('show')

所以我尝试使用下面的代码来隐藏标签,但它给出了错误,它没有方法隐藏

 $('#myTab a:last').tab('hide')

我在html

中以下列方式声明了标签
 <ul class="nav nav-tabs" id="myTab">
        <li><a href="#product" data-toggle="tab">Company</a></li>
        <li><a href="#version" data-toggle="tab">Employee</a></li>
  </ul>

3 个答案:

答案 0 :(得分:9)

你试过$('#myTab a:last').hide() 要么 $('#myTab a:first').hide()

答案 1 :(得分:7)

或者,您只需从元素中删除active类:

$('.nav-tabs li.active').removeClass('active');
$('.tab-content div.active').removeClass('active');

这样你就不会有任何仍被标记为active的隐藏元素,这些元素可能会干扰其他JS或CSS。

答案 2 :(得分:0)

无需专门隐藏选项卡,您只需显示所需的选项卡,另一个选项卡将自动隐藏。 您可以使用:

$("a[href='#tabToBeShown']").tab("show");