Как мне активировать событие на вкладках jQuery?

Question

У меня есть ползунок, который построен с jQuery UI Tabs:

<section id="featured"> 
    <aside id="sidebar"> 
     <ul class="ui-tabs-nav"> 
      <li class="ui-tabs-nav-item ui-tabs-selected"> 
       <a href="#panel_1">[Tab Heading]</a> 
      </li> 
      <li class="ui-tabs-nav-item"> 
       <a href="#panel_2">[Tab Heading]</a> 
      </li> 
      <li class="ui-tabs-nav-item"> 
       <a href="#panel_3">[Tab Heading]</a> 
      </li> 
      <li class="ui-tabs-nav-item"> 
       <a href="#panel_4">[Tab Heading]</a> 
      </li> 
     </ul> 
    </aside> 
    <section id="rotate_me"> 
     <div class="featured_panel" id="panel_1"> 
      <p>[Tab Content]</p> 
     </div> 
     <div class="featured_panel ui-tabs-hide" id="panel_2"> 
      <p>[Tab Content]</p> 
     </div> 
     <div class="featured_panel ui-tabs-hide" id="panel_3"> 
      <p>[Tab Content]</p> 
     </div> 
     <div class="featured_panel ui-tabs-hide" id="panel_4"> 
      <p>[Tab Content]</p> 
     </div> 
    </section> 
    <script>$('#featured').tabs('rotate', 4000, false);</script> 

Клиента хочет язычки чередовать только первую и вторую вкладку.

Я добавил функцию к show события:

.tabs({ 
    show: function(event, ui) { 
     var selected = $(".selector").tabs("option", "selected"); 
     if (selected == 3) { 
      $("#featured").tabs("option", "selected", 1); 
     } 
    } 
}) 

, но это ничего не делал.

Любая идея, как бы я мог заставить ползунок вращаться через первую и вторую вкладку?

Answer 1

Опция selected применима только к инициализации. Вы могли бы просто вызвать щелчок на первой вкладке.

$("#featured li.ui-tabs-nav-item:first").trigger("click");