How to show or hide tab based on the page url

Question

This is my code to flip around the tab and the contents under the tab:

$(function () {
    $(\'#tabs li a\').click(function (e) {
        e.preventDefault();
            


        

Answer 1

It's much easier to use a location hash:

http://__someurl__#menustate

You can then de-couple the path from the menu state, so you no longer need to keep track of which path translates to which menu state.

var menustate = document.location.hash;
$('.' + menustate).addClass('active');

Then you can use whatever url you want:

www.mysite.com/somepage#recruiting

You can then check the hash value on load and you can also change it, and make it bookmarkable within a single page.