jquery ui tabs navigation

Question

Я использую jquery ui tabs..что я пытаюсь сделать, это из javascript, я пытаюсь отобразить вторую вкладку после некоторого события из tab1..Я использую следующий код для перехода на tab2, который на самом деле не happening..what Ами делать неправильно здесь

JQuery:

$(this.el).find("#ui-id-8").parent(".ui-state-default .ui-corner-top").attr({'tabindex':'0', 'aria-selected':'true'}).addClass("ui-tabs-active ui-state-active").show(); 

HTML

<div id="tabs" class="ui-tabs ui-widget ui-widget-content ui-corner-all"> 
       <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist"> 
        <li class="ui-state-default ui-corner-top ui-tabs-active ui-state-active" role="tab" tabindex="0" aria-controls="asociateconddiv" aria-labelledby="ui-id-1" aria-selected="true"><a href="#asociateconddiv" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-1">Campaign Details</a></li> 
        <li class="ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="createconditiondiv" aria-labelledby="ui-id-2" aria-selected="false"><a href="#createconditiondiv" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-2">Scenarios</a></li> 
        <li class="ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="assoctrulegroupdiv" aria-labelledby="ui-id-3" aria-selected="false"><a href="#assoctrulegroupdiv" class="ui-tabs-anchor" role="presentation" tabindex="-1" id="ui-id-3">Confirm &amp; Run</a></li> 
       </ul> 

Answer 1

Вы можете установить активную вкладку в закладках Ui JQuery, как показано ниже:

$('#tabs').tabs({active: 1}); 

Активный принимает значение как основанное на нуле.

Проверить demo

Также проверьте подробно API documentation