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(); 

}) 

Он не показывает первый содержимое вкладки, но если я нажимаю на первой вкладке не работает, потому что его состояние активно. Если я нажму вторую вкладку, а затем первую вкладку, она будет работать.

Спасибо, Radu

Answer 1

Похоже, следующий код будет делать работу

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