Jquery ui jQuery UI选项卡-默认关闭？如何使页面加载时折叠？_Jquery Ui

Jquery ui jQuery UI选项卡-默认关闭？如何使页面加载时折叠？

jquery-ui

Jquery ui jQuery UI选项卡-默认关闭？如何使页面加载时折叠？,jquery-ui,Jquery Ui,在单击之前，是否可以默认关闭UI选项卡？两周的搜索仍在进行中！这样一个复杂/臃肿的脚本，但没有简单的控制方法，这可能需要一些修饰，但它应该让您走上正确的轨道 $（函数（）{ $（“#制表符”）.tabs（）； $（“.tab内容”）.hide（）； $（“.ui选项卡处于活动状态”）.removeClass（“ui选项卡处于活动状态”）； $（.ui状态活动”）.removeClass（“ui状态活动”）； $（“.ui选项卡定位”）。单击（函数（）{ $（$（this.attr（“hre

在单击之前，是否可以默认关闭UI选项卡？

两周的搜索仍在进行中！这样一个复杂/臃肿的脚本，但没有简单的控制方法，这可能需要一些修饰，但它应该让您走上正确的轨道


$（函数（）{
$（“#制表符”）.tabs（）；
$（“.tab内容”）.hide（）；
$（“.ui选项卡处于活动状态”）.removeClass（“ui选项卡处于活动状态”）；
$（.ui状态活动”）.removeClass（“ui状态活动”）；
$（“.ui选项卡定位”）。单击（函数（）{
$（$（this.attr（“href”）+“.tab内容”）.first（）.show（）；
});
});




表1内容
表2内容

这可能需要一些修饰，但它会让你走上正确的道路


$（函数（）{
$（“#制表符”）.tabs（）；
$（“.tab内容”）.hide（）；
$（“.ui选项卡处于活动状态”）.removeClass（“ui选项卡处于活动状态”）；
$（.ui状态活动”）.removeClass（“ui状态活动”）；
$（“.ui选项卡定位”）。单击（函数（）{
$（$（this.attr（“href”）+“.tab内容”）.first（）.show（）；
});
});




表1内容
表2内容

试试这个

你说的关闭是什么意思？标签的目的是让一个标签在任何时候都显示你是对的@Kevin Bowersox。但我有一种情况，我需要默认关闭。你是说手风琴吗？我知道手风琴可能会崩溃。但是我必须对jqueryUI选项卡做同样的操作@Leegunn你说的关闭是什么意思？标签的目的是让一个标签在任何时候都显示你是对的@Kevin Bowersox。但我有一种情况，我需要默认关闭。你是说手风琴吗？我知道手风琴可能会崩溃。但是我必须对jqueryUI选项卡做同样的操作@这是一个更合适的方法。

<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>

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