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

Question

я следующие вкладки на мой взгляд

<div class="tabbable"> 
    <ul class="nav nav-tabs padding-18"> 
     <li class="active"> 
      <a aria-expanded="false" data-toggle="tab" href="#Tab1"> 
      <i class="green ace-icon fa fa-home bigger-120"></i> 
      Tab 1 
      </a> 
     </li> 
     <li class=""> 
      <a href="#Tab2" data-toggle="tab" aria-expanded="false"> 
       <i class="orange ace-icon fa fa-clock-o bigger-120"></i> 
       Tab2 
      </a> 
     </li> 
    </ul> 
</div> 


<div class="tab-content no-border padding-24"> 
    <div id="Tab1" class="tab-pane active"> 
     ... 
    </div> 
    <div id="Tab2" class="tab-pane"> 
     ... 
    </div> 
</div> 

Как я могу динамически изменять активную вкладку, из Tab1 в TAB2.

Я попытался это:

$('.nav-tabs li:eq(1) a').tab('show');  
    $('#Tab2').on('click', function() { 
     $('.nav-tabs li:first-child a').tab('show'); 
    }); 

Который работает нормально, это изменить активную вкладку , но сначала щелкните в любом месте на вкладку изменения страницы на первую вкладку снова. Как исправить это

Answer 1

Ваши вопросы непонятны, но попробуйте это.

Основываясь на каком бы состоянии вы должны перейти на вкладку п-й:

if(yourCondition) 
     $('.nav-tabs li:nth-child(n) a').trigger('click');