title: Get #anchor for URL using jQuery ?
body: <pre><code>jQuery(document).ready(function(){
      $("#red-products").hide();  
      $("#content-info").click(function(event){
          $("#red-products").hide();  
          $("#red-information").show(); 
      });
  
      $("#content-product").click(function(event){
          $("#red-information").hide();
          $("#red-products").show();  
      });
  
      $("#more").click(function(event){
          load(this.href);
          return false;
      });
  
  });
  </code></pre>
  
  <p>As you can see, by default <code>#red-products</code> is hidden and <code>#red-information</code> is visible. Sometimes I want <code>#red-products</code> to be visible and <code>#red-information</code> hidden, meaning something like</p>
  
  <p><code>http://localhost/networks2/profile.php?id=1&amp;offset=1#products</code></p>
  
  <p>to show <code>#red-products</code> and hide <code>#red-information</code>. And </p>
  
  <p><code>http://localhost/networks2/profile.php?id=1&amp;offset=1#information</code></p>
  
  <p>to hide <code>#red-products</code> and show <code>#red-information</code>.</p>
  
  <p>How can I read anchor from URL using jQuery, and hide/show appropriate sections?</p>