jQuery移动选项卡所有选项卡在加载时关闭

Question

我正在使用以下代码来显示标签

<div data-role="tabs" style="padding: 0px;">
<div data-role="navbar" id="filters">
    <ul>
        <li><a href="#Cuisine" data-ajax="false">Cuisine</a>
        </li>
        <li><a href="#Course" data-ajax="false">Course</a>
        </li>
        <li><a href="#search" data-ajax="false">Search</a>
        </li>
    </ul>
</div>
<div id="Cuisine">
    <div class="ui-grid-a">
        <div class="ui-block-a">
            <label>
                <input type="radio">Southern</label>
        </div>
        <div class="ui-block-b">
            <label>
                <input type="radio">Italian</label>
        </div>
        <div class="ui-block-b">
            <label>
                <input type="radio">Mexican</label>
        </div>
    </div>
</div>
<div id="Course">
    <div class="ui-grid-a">
        <div class="ui-block-a">
            <label>
                <input type="radio">American</label>
        </div>
        <div class="ui-block-b">
            <label>
                <input type="radio">Mexican</label>
        </div>
        <div class="ui-block-b">
            <label>
                <input type="radio">French</label>
        </div>
        <div class="ui-block-b">
            <label>
                <input type="radio">Cajun & Creole</label>
        </div>
        <div class="ui-block-b">
            <label>
                <input type="radio">Southern</label>
        </div>
    </div>
</div>


<div id="search">
    Search
</div>

我需要做的是不显示第一个标签。我想关闭所有标签页。

我试过了：

$(function(){

    $('#Cuisine').hide();

})

它不显示第一个选项卡的内容，但是如果我单击第一个选项卡它不起作用，因为他的状态是活动的。如果我单击第二个选项卡，然后单击第一个选项卡，它可以工作。

谢谢， 拉度

Answer 1

看起来下面的代码可以完成这项工作

$('#filters').tabs({collapsible: true, active: false})