title: Opening custom jquery tab with anchor link
body: <p>I really need some help for jquery tabs. I would like to get to a specific tab via external anchor link (<a href="http://www.url.com#content2" rel="nofollow">http://www.url.com#content2</a>), the navigation link becomes activated and the correct tab is shown.
  Other HTML Page</p>
  
  <pre><code>&lt;a href="#b"&gt;B Title&lt;/a&gt; | &lt;a href="#bb"&gt;B Title&lt;/a&gt;
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="tabs-container"&gt;
      &lt;ul class="tabs"&gt;
          &lt;li class="current"&gt;&lt;h4&gt;&lt;a href="javascript:void();" data-tab="tab1" title="Title 1"&gt;Title 1&lt;/a&gt;&lt;/h4&gt;&lt;/li&gt;
          &lt;li&gt;&lt;h4&gt;&lt;a href="javascript:void();" data-tab="tab2" title="Title 2"&gt;Title 2&lt;/a&gt;&lt;/h4&gt;&lt;/li&gt;
      &lt;/ul&gt;
  
      &lt;div class="border-box group"&gt;
          &lt;div id="tab1" class="panel group showing" style="display: block;"&gt;
              a
          &lt;/div&gt;
          &lt;div id="tab2" class="panel group" style="display: none;"&gt;
              &lt;a id="b"&gt;B title A&lt;a&gt;&lt;br&gt;
  information...... &lt;br&gt;&lt;br/&gt;
  &lt;a id="bb"&gt;B title B&lt;a&gt;&lt;br&gt;
  information...... &lt;br&gt;&lt;br/&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Javascript</p>
  
  <pre><code>&lt;script&gt;
  (function(a){a.fn.yiw_tabs=function(b){var c={tabNav:"ul.tabs",tabDivs:".containers",currentClass:"current"};b&amp;&amp;a.extend(c,b);this.each(function(){var b=a(c.tabNav,this),f=a(c.tabDivs,this),e;f.children("div").hide();e=0&lt;a("li."+c.currentClass+" a",b).length?"#"+a("li."+c.currentClass+" a",b).data("tab"):"#"+a("li:first-child a",b).data("tab");a(e).show().addClass("showing").trigger("yit_tabopened");a("li:first-child a",b).parents("li").addClass(c.currentClass);a("a",b).click(function(){if(!a(this).parents("li").hasClass("current")){var e=
  "#"+a(this).data("tab");a(this);a("li."+c.currentClass,b).removeClass(c.currentClass);a(this).parents("li").addClass(c.currentClass);a(".showing",f).fadeOut(200,function(){a(this).removeClass("showing").trigger("yit_tabclosed");a(e).fadeIn(200).addClass("showing").trigger("yit_tabopened")})}return!1})})}})(jQuery);
  &lt;/script&gt;
  </code></pre>
  
  <p>How can i edit? Thank you for your help.</p>