Tabs and hashchange

[Walle]

$(function(){

  // Bind an event to window.onhashchange that, when the hash changes, gets the
  // hash and adds the class "selected" to any matching nav link.
  $(window).hashchange( function(){
    var hash = location.hash;

// Set the page title based on the hash.
document.title = 'The hash is ' + ( hash.replace( /^#/, '' ) || 'blank' ) + '.';

// Iterate over all nav links, setting the "selected" class as-appropriate.
$('#nav a').each(function(){
  var that = $(this);
  that[ that.attr( 'href' ) === hash ? 'addClass' : 'removeClass' ]( 'selected' );
});
  })

  // Since the event is only triggered when the hash changes, we need to trigger
  // the event now, to handle the hash the page may have loaded with.
  $(window).hashchange();

});

Hi

Need little help with this hashchange i found from http://benalman.com/code/projects/jquery-hashchange/examples/hashchange Its lots of comments and everything in the code but can’t get it work with this code for tabs.

 
$(window).load(function(){
  var tabContents = $(".tab_content").hide(), 
    tabs = $("ul.tabs li");

tabs.first().addClass("active").show();
tabContents.first().show();

tabs.click(function() {
    var $this = $(this), 
        activeTab = $this.find('a').attr('href');

if(!$this.hasClass('active')){
    $this.addClass('active').siblings().removeClass('active');
    tabContents.hide().filter(activeTab).fadeIn();
}

return false;
});
  });

tabs

  <ul id="nav" class="tabs">
    <li><a href="#tab1">test1</a></li>
    <li><a href="#tab2">test2</a></li>
    <li><a href="#tab3">test3</a></li>
</ul>