Question

是否可以默认关闭UI标签，直到点击为止？ 2周的搜索仍在进行中！这样一个复杂/臃肿的脚本，但没有简单的方法来控制

Answer 1

试试这个jsfiddle，

$("#tabs").tabs({
   collapsible: true,
   active: false
});

Answer 2

这可能会使用一些润色，但它应该让你走上正确的轨道。

http://jsfiddle.net/vbmMJ/2/

<html>
<head>
<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"/>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script type="text/javascript">
    $(function() {
    $("#tabs").tabs();
    $(".tab-content").hide();
    $(".ui-tabs-active").removeClass("ui-tabs-active");
    $(".ui-state-active").removeClass("ui-state-active");
        $(".ui-tabs-anchor").click(function() {
            $($(this).attr("href") + " .tab-content").first().show();
        });
    });
</script>
</head>
<body>
<div id="tabs">
    <ul>
        <li><a href="#tab-1">Tab 1</a></li>
        <li><a href="#tab-2">Tab 2</a></li>
    </ul>
    <div id="tab-1">
        <div class="tab-content">
            tab 1 content
        </div>
    </div>
    <div id="tab-2">
        <div class="tab-content">
            tab 2 content
        </div>
    </div>
</div>
</body>
</html>

jQuery UI选项卡 - 默认关闭？如何在页面加载时进行折叠？

2 个答案: