title: How do I open a tab from with jQuery UI Tabs from an link outside of the div?
body: <p>This may be a little difficult to explain, but I'll try my best.  I have a product page with two tabs, full description and video.  These are done using jQuery UI Tabs.</p>
  
  <p>Above this section of the page I have a product image with thumbnails...but I want one of the thumbnails to be a link to see the video (which of course is contained in the video tab).</p>
  
  <p>If I load the page as site.com/product#video it does load up the correct tab...but when the tab is not active, and I use a link outside of the #tab div, (ex: Video), it doesn't do anything.</p>
  
  <p>How can I get a link to open the tab if it's not contained in the #tab div?</p>
  
  <p><strong>CODE</strong></p>
  
  <p><em><strong>This code is outside of the tabs, and needs to open the #video tab</em></strong></p>
  
  <pre><code>&lt;a href="#video"&gt;Open Video Tab&lt;/a&gt;
  </code></pre>
  
  <p><em><strong>Tabs Code</em></strong></p>
  
  <pre><code>&lt;div id="tabs" class="ui-tabs ui-widget ui-widget-content ui-corner-all"&gt;
  &lt;ul class="product-tabs ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all"&gt;
      &lt;li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active ui-state-hover"&gt;&lt;a href="#description"&gt;Full Description&lt;/a&gt;&lt;/li&gt;
      &lt;li class="ui-state-default ui-corner-top"&gt;&lt;a href="#video"&gt;Video&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;div class="product-collateral"&gt;
      &lt;div class="box-collateral box-description"&gt;
          &lt;div id="description" class="ui-tabs-panel ui-widget-content ui-corner-bottom"&gt;
             Content
          &lt;/div&gt;
          &lt;div id="video" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide"&gt;
              &lt;h2 class="video"&gt;Video Content&lt;/h2&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>