Trigger Tab activate function - JQuery UI Tabs -

i run problem.

html snippet looks this

<div id="maintab">     <ul>         <li><a href='#tabs-1'>tabgroup1</a></li>         <li><a href='#tabs-2'>tabgroup2</a></li>                 </ul>     <div id='tabs-1'>         <a onclick="showsubtab1tab2();">showsubtab1tab2</a>         <a onclick="showsubtab2tab2();>showsubtab2tab2</a>     </div>     <div id='tabs-2'>         <!-- first sub tab -->         <div id="subtab1">             <ul>                 <li><a href='#tabs-3'>tabgroup3</a></li>                 <li><a href='#tabs-4'>tabgroup4</a></li>                         </ul>             <div id='tabs-3'>              </div>             <div id='tabs-4'>              </div>         </div>         <!-- second sub tab -->         <div id="subtab2">             <ul>                 <li><a href='#tabs-5'>tabgroup5</a></li>                 <li><a href='#tabs-6'>tabgroup6</a></li>                         </ul>             <div id='tabs-5'>              </div>             <div id='tabs-6'>              </div>         </div>     </div> </div> 

and javascript this. using jquery ui 1.10.3

$("#maintab").tabs();  $( "#subtab1" ).tabs({     activate: function( event, ui ) {         // update logs     } });  $( "#subtab2" ).tabs({     activate: function( event, ui ) {         // update logs     } });  function showsubtab1tab2() {     $("#maintab").tabs( "option", "active", 1);     $( "#subtab1" ).tabs( "option", "active", 1); }  function showsubtab2tab2() {     $("#maintab").tabs( "option", "active", 1);     $( "#subtab2" ).tabs( "option", "active", 1); } 

if user click on "showsubtab2tab2". changed main tab. take user second tab. , activate second tab of subtab2 , if tab not active activate second tab , fires activate event

now here problem. if user twice on second time activate event not fired. need event log/populate code on frontent.

i can't in function.

and if try check status in showsubtab1tab2()

http://jsfiddle.net/s4nua/1/