title: Show/hide content redirecting from one page to another
body: <p>Still learning basic php &amp; jquery, but stuck a bit with one idea: i have two pages and on second page i have show/hide DIVs, here is <a href="http://jsfiddle.net/kLjrxost/1/" rel="nofollow">jsfiddle demo</a>:</p>
  
  <pre><code>$('.navLink').on('click', function(e){
  e.preventDefault();
  var targetDiv = $($(this).attr('href'));
  if(!targetDiv.is(':visible')){
      $('.page').slideUp().delay(300);
      targetDiv.slideDown();
  }else{
      $('.page').slideUp().delay(500);
  } });
  </code></pre>
  
  <p>And i'd like to have a link from first page (page1.html) to second page (page2.html) so with option like <strong>page2.html#div1</strong> it would open selected #div. I've tried to workout with <a href="http://jsfiddle.net/9omfasdw/" rel="nofollow">jsfiddle</a>:</p>
  
  <pre><code>window.addEventListener("hashchange", function(){    
  var targetDiv = $(location.hash);    
  if(!targetDiv.is(':visible')){$('.page').slideUp();targetDiv.slideDown();}
  else{$('.page').slideUp();} }, false);
  </code></pre>
  
  <p>but it's not working properly when you're givitn that link to some one and not working on some chrome versions at all...</p>
  
  <p>Is there better idea or?</p>
  
  <p>Thanks in advance!</p>