文章/答案/技术大牛

发布

社区首页 >问答首页 >如何使用jquery隐藏/显示选项卡

问如何使用jquery隐藏/显示选项卡
EN

Stack Overflow用户

提问于 2013-03-04 18:31:45

回答 2查看 6.5K关注 0票数 1

我有四个tabs.On加载，只有第一个选项卡是打开的，当我们点击相应的选项卡时，会生成相应的选项卡，当我们取消选中时，选项卡将是deleted.How我可以这样做吗？我的代码是

    <script>
    $(function() {
    $("#tabs").tabs();
    });
</script>
<style>

</style>
</head>
<body>
 <div id="tabs">
  <ul>
    <li><a href="#tabs-1">Nithin</a> </li>
    <li><a href="#tabs-2">Vipin</a></li>
    <li><a href="#tabs-3">Sachin</a></li>
    <li><a href="#tabs-4">Ganguly</a></li>
  </ul>
  <div id="tabs-1">
    <p>Nithin</p>
  </div>
  <div id="tabs-2">
    <p>Vipin</p>
  </div>
   <div id="tabs-3">
    <p>Sachin</p>
  </div>
   <div id="tabs-4">
    <p>Ganguly</p>
  </div>
</div>
<input type="checkbox" name="tabs-1" value="1">tabs-1 
<input type="checkbox" name="tabs-2" value="2">tabs-2 
<input type="checkbox" name="tabs-3" value="3">tabs-3 
<input type="checkbox" name="tabs-4" value="4">tabs-4 
<br>
</body>
</html>

你可以从http://jsfiddle.net/2aQ2g/5/查看我的代码

javascript

jquery

html

jquery-ui

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-03-04 18:46:50

考虑隐藏选项卡，而不是删除选项卡。

您可以添加以下CSS以使其工作。

.ui-state-disabled {
    display: none;
}

检查这个小提琴：http://jsfiddle.net/2aQ2g/12/

当然，还需要处理相应选项卡内容的隐藏。

票数 2

Stack Overflow用户

发布于 2013-03-04 18:46:04

Half answer ..for在响应复选框上启用选项卡单击

  $(function() {
      $("#tabs").tabs();

    $( "input[type=checkbox]" ).click(function(){
        if ($(this).is(':checked')) {

            $('#tabs').tabs({"selected": parseInt($(this).val()-1),"enabled":parseInt($(this).val()-1) });
        }
        });
    });

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/15199468

复制

相似问题

问如何使用jquery隐藏/显示选项卡
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jquery隐藏/显示选项卡EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jquery隐藏/显示选项卡
EN