title: Mixing JQuery's toggle() with #anchors
body: <p>Hey there, I have the following dilemma:
  I have a set of DIVs with child DIVS within them that are hidden by default. Initially, I was using javascript and onclick with anchors to achieve both a toggling and 'move-to-anchor' effect. Now that I have moved to the JQuery alternative, I am having problems reproducing the same 'move-to-anchor' effect. The toggling works just fine.</p>
  
  <p>When you click an "h2 a" link in the parent div, the child div is shown through toggle. Here's a sample of one parent and child div setup:</p>
  
  <pre><code>&lt;div class="full email"&gt;
  &lt;a id="test_anchor"&gt;&lt;/a&gt;
    &lt;h2 class="subsubtitle"&gt;&lt;a href="#test_anchor"&gt;TITLE AND LINK&lt;/a&gt;&lt;/h2&gt;
    &lt;div class="description full"&gt;
    &lt;p&gt;THIS IS WHAT SHOWS ALL THE TIME, REGARLDESS OF THE TOGGLE&lt;/p&gt;
    &lt;/div&gt;&lt;!-- #description ends here --&gt;
  
       &lt;div id="c_1"&gt;
       THE DIV AND THE CONTENTS THAT ARE SHOWN AND HIDDEN
       &lt;/div&gt;&lt;!-- #c_1 div ends here --&gt;
  
  &lt;/div&gt;&lt;!-- .full .email ends here --&gt;
  </code></pre>
  
  <p>//And here's the JQuery:</p>
  
  <pre><code>$(document).ready(function(){
  
  $("#c_1,#c_2,#c_3,#c_4").hide();
  
  $("div div h2 a").toggle(
      function() { $(this).parent().siblings("div:last").slideDown("slow") },
      function() { $(this).parent().siblings("div:last").hide() }
  
      );
  
  });
  </code></pre>
  
  <p>Now the question is: How do I activate or reactivate that #anchor so that BOTH the Jquery slideDown/hide functions and the goold old 'move-to-anchor' come into play?</p>
  
  <p>Kind regards
  G.Campos</p>