Anchors based tab navigation jquery code not working
<pre><code>var url = document.location.toString();
        if (url.match('#')) { // the URL contains an anchor
          // click the navigation item corresponding to the anchor
          var myAnchor = '#' + url.split('#')[1];
          $("ul.tabs li").removeClass("active"); //Remove any "active" class
          $("ul.tabs li a:" + myAnchor).addClass("active"); //Add "active" class to selected tab
          $(".tab_content").hide(); //Hide all tab content
          $(myAnchor).fadeIn(); //Fade in the active ID content
        }
</code></pre>

<p>Why is the "li" element not being made active </p>

<p>Try accessing => <a href="http://domainsoutlook.com/s/site/stackoverflow.com.html#meta_info" rel="nofollow">http://domainsoutlook.com/s/site/stackoverflow.com.html#meta_info</a></p>

<p><img src="http://i.stack.imgur.com/tkLrt.png" alt="enter image description here"></p>
