title: jQuery Toggle & Anchor Links
body: <p>I'm using a jQuery toggle effect from <a href="http://www.sohtanaka.com/web-design/easy-toggle-jquery-tutorial/" rel="nofollow">Sohtanaka</a> in order to 'show' and 'hide' content.</p>
  
  <p>This is the jQuery:</p>
  
  <pre><code>$(document).ready(function(){
  
  //Hide (Collapse) the toggle containers on load
  $(".toggle_container").hide(); 
  
  //Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)
  $("h2.trigger").click(function(){
      $(this).toggleClass("active").next().slideToggle("slow");
      return false; //Prevent the browser jump to the link anchor
  });
  
  });
  </code></pre>
  
  <p>and this is my HTML:</p>
  
  <pre><code>&lt;h2 class="trigger"&gt;&lt;a href="#test1"&gt;Test 1&lt;/a&gt;&lt;/h2&gt;
   &lt;div class="toggle_container"&gt;
    &lt;div class="block"&gt;
      &lt;h3&gt;Content Header&lt;/h3&gt;
      &lt;p&gt;content&lt;/p&gt;
    &lt;/div&gt;
   &lt;/div&gt;
  
  &lt;h2 class="trigger"&gt;&lt;a href="#test2"&gt;Test 2&lt;/a&gt;&lt;/h2&gt;
   &lt;div class="toggle_container"&gt;
    &lt;div class="block"&gt;
      &lt;h3&gt;Content Header&lt;/h3&gt;
      &lt;p&gt;content&lt;/p&gt;
    &lt;/div&gt;
   &lt;/div&gt;
  
  &lt;h2 class="trigger"&gt;&lt;a href="#test3"&gt;Test 3&lt;/a&gt;&lt;/h2&gt;
   &lt;div class="toggle_container"&gt;
    &lt;div class="block"&gt;
      &lt;h3&gt;Content Header&lt;/h3&gt;
      &lt;p&gt;content&lt;/p&gt;
    &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>Everything works as expected.</p>
  
  <p>I'd like to know what needs to be modified so that a specific container is shown when the corresponding anchor is on the end of the url?</p>
  
  <p>e.g. If my url is "www.domain.com/content/#test2" I would like container 'Test 2' to be shown and 'Test 1' and 'Test 3' to remain hidden.</p>
  
  <p>Many thanks.</p>