Hover over alink and animate a div
<p>Hi I have come to a halt in trying to get what I need to work.</p>

<p>Based on:</p>

<pre><code>$(".test a").hover(function(){
        $(this).toggle({ height: "200px" });
    }, function() {
        var currentTab = $(this).attr('href');
        $(this).stop(true, false).animate({ height: "100px" });
    });
});

&lt;div class="test"&gt;
  &lt;a href="#one"&gt;1&lt;/a&gt;
  &lt;a href="#two"&gt;2&lt;/a&gt;
  &lt;a href="#three"&gt;3&lt;/a&gt;
&lt;/div&gt;
</code></pre>

<p>I need it to animate a <code>div</code> not the self one, I came up with the below, which animates it down, but not back up, etc:</p>

<pre><code>$(".test a").hover(function(){
        var activeTab = $(this).attr("href"); 

        $(activeTab).toggle({ height: "200px" });   }, function() {
        $(activeTab).stop(true, false).animate({ height: "100px" });    }); });

&lt;div class="test"&gt;
&lt;a href="#one"&gt;1&lt;/a&gt;
&lt;a href="#two"&gt;2&lt;/a&gt;
&lt;a href="#three"&gt;3&lt;/a&gt;

&lt;div id="one" class="tab one"&gt;1&lt;/div&gt;
&lt;div id="two" class="tab two"&gt;2&lt;/div&gt;
&lt;div id="three" class="tab three"&gt;3&lt;/div&gt; &lt;/div&gt;
</code></pre>
