title: Anchor #link on the same page to a Woocommerce jQuery tab
body: <p><em>Sort of a jQuery newbie here.</em></p>
  
  <p>I'm trying to set up an anchor tag to a tab, like this:</p>
  
  <pre><code>&lt;a href="#tab-ebook_tab"&gt;E-books&lt;/a&gt;
  </code></pre>
  
  <p>The anchor tag is on the same page as the tabs; I don't need to use a URL hash #.</p>
  
  <p>The tab markup is below. The page loads with the first tab <code>#tab-reviews</code> active.</p>
  
  <pre><code>&lt;div class="woocommerce-tabs"&gt;
  &lt;ul class="tabs"&gt;           
          &lt;li class="reviews_tab"&gt;
              &lt;a href="#tab-reviews"&gt;Reader Comments&lt;/a&gt;
          &lt;/li&gt;
          &lt;li class="stories_tab_tab"&gt;
              &lt;a href="#tab-stories_tab"&gt;More Stories&lt;/a&gt;
          &lt;/li&gt;
          &lt;li class="ebook_tab_tab"&gt;
              &lt;a href="#tab-ebook_tab"&gt;E-book&lt;/a&gt;
          &lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is the function I'm trying to use with the anchor tag to scroll to and open the <code>#tab-ebook_tab</code> location.</p>
  
  <pre><code>jQuery(document).ready(function() {
     jQuery( '#tab-ebook_tab' ).show();
     jQuery( 'li.tab-ebook_tab a' ).trigger('click');
  });
  </code></pre>
  
  <p>But, it only works when the <code>#tab-ebook_tab</code> is already open; then the anchor tag <code>&lt;a href="#tab-ebook_tab"&gt;E-books&lt;/a&gt;</code> will fire and the page will scroll down to the <code>#tab-ebook_tab</code> tab.</p>
  
  <p>No errors show in the console. jQuery v2.0.3 is loaded.</p>
  
  <p>Other questions and answers here in SO deal with URL hashes and off page links. Appending <code>#tab-ebook_tab</code> to the page URL doesn't open the tab or scroll to it; but I don't need that. I only need to link from the same page, not a full URL from another page. </p>