title: Make hidden div visible when dv is called from url
body: <p>I am working on a one page website in which i have multiple div in display:none; </p>
  
  <p>I know how to make them visible and hidden on click but I want to show or hide div when some one change the URL</p>
  
  <pre><code>$(document).ready(function(){
  
     var tabId = location.hash; // will look something like "#h-02"
  
   if(tabId){
     $(tabId).show(); // this will fired only when url get hash
     $(tabId).siblings().hide(); // this will show only targeted tab 
                                 // others get hidden
   }
  </code></pre>
  
  <p>This code work on when called from outside and page reloads but not works without reload</p>
  
  <p>for example: index.html#about</p>
  
  <p>if i change change about with contact and enter i will not change unless i refresh my page</p>
  
  <p>can someone help me with this</p>