1

是否可以默认关闭 UI 选项卡，直到单击？2周搜索仍在进行中！如此复杂/臃肿的脚本，却没有简单的控制方法

4

2 回答 2

18

试试这个jsfiddle，

$("#tabs").tabs({
   collapsible: true,
   active: false
});
于 2013-09-16T10:44:03.310 回答
0

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

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>
于 2013-07-13T09:15:48.823 回答