title: Programmatically change selected jQuery UI tabs?
body: <p>So I have a page where I'm just using the stylized part of the tabs. Clicking on a tab will take you to a new page with that tab active, so almost emulating what they should do but not having 4 large pages within one. For each page, I change the active tab by</p>
  
  <pre><code>$( ".tabs" ).tabs({ active:2 });
  </code></pre>
  
  <p>and so on. This works fine. Now for the dialog. I have a dialog on this page that also initiates tabs. Since there is information that is nested within many divs, the default functionality for 'tabs' will not work. From what I understand, when you click a tab it looks for the next div. 3 tabs = only 3 divs. So in this case, I am just using tabs for stylizing again and just show/hiding the information needed for each different tab (3 tabs total) and unbinding the click.</p>
  
  <pre><code>$('.tabsDialog &gt; ul &gt; li &gt; a').unbind('click');
  </code></pre>
  
  <p>So, naturally my thought is with the click function to hide the previous div and show the new one would be to activate this new tab. So something like this</p>
  
  <pre><code>         $('a.globalSet').on('click',function(){
                $('div.timeSet').hide();
                $('div.globalSet').fadeIn();
                $('div.comManager').hide();
                $( "li.timeSet" ).tabs({ active:1 });
            });
  </code></pre>
  
  <p>and this is not activating my new tab. I've tried addClass .ui-tabs-active and still no luck. Any ideas? Thanks in advance. jsfiddle: <a href="http://jsfiddle.net/tRKSv/2/" rel="nofollow">http://jsfiddle.net/tRKSv/2/</a></p>