title: idTabs - Switching tabs with an anchor within a tab
body: <p>I am using idTabs to control the tab content on my page.
  I have the normal tab menu across the top and tabbed content underneath.
  In the first tabbed content I have an anchor which, when clicked, needs to switch to tab number 2. Here is the example HTML:</p>
  
  <pre><code>&lt;div id="practice-menu"&gt;
      &lt;ul class="tabs"&gt;
          &lt;li&gt;&lt;a href="#practice-info-content"&gt;Practice information&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#practice-treatment-content"&gt;Our treatments&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#practice-team-content"&gt;Meet the team&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;div id="practice-info-content" class="tab-content"&gt;
      &lt;h2 class="section-title"&gt;Practice information&lt;/h2&gt;
      &lt;a href="#practice-treatment-content"&gt;See our treatments and costs&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;div id="practice-treatment-content" class="tab-content"&gt;
      &lt;h2 class="section-title"&gt;Our treatments and costs&lt;/h2&gt;
  &lt;/div&gt;
  
  &lt;div id="practice-team-content" class="tab-content"&gt;
      &lt;h2 class="section-title"&gt;Meet the team&lt;/h2&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is a Fiddle of the tabs with the anchor in place but its not swtiching the tab across: <a href="https://jsfiddle.net/uLy39osc/" rel="nofollow">https://jsfiddle.net/uLy39osc/</a></p>
  
  <p>I have searched and searched and cant find an answer for this that works with idTabs. Does anyone know how this can work?</p>