title: How to add hash history to a filterable portfolio?
body: <p>I am creating a filterable portfolio for my website. Once I click one of the filters it displays a hashtag at the end of my URL. For example if I click design it will display as www.yourdomain.com/#design.</p>
  
  <p>Is it possible to make the browser back button work with that? That is, if I click this link, I add #design to my current address. Once I click the back button, the #design hash is removed and will display the last page or filter that was selected. Right now the back button works but it only displays all the filters that I selected in the URL but not on the page.</p>
  
  <p>Is that somehow possible?</p>
  
  <p>Here is a sample of the design that I am trying to work with <a href="http://www.jsfiddle.net/xnnnk/6/" rel="nofollow">http://www.jsfiddle.net/xnnnk/6/</a></p>
  
  <pre><code>$(document).ready(function () {
      $(".filter").click(function () {
          var filterText = $(this).attr('href').replace('#', '');
          $(".projectGrid").hide();
          $(".projectHolder").show();
          $(".projectHolder").not('.' + filterText).hide();
          $(".projectGrid").fadeIn(1500);
          $('.filter').not($(this).toggleClass('activeWork')).removeClass('activeWork');
      });
  });
  </code></pre>
  
  <p>Thank you</p>