jQuery prevent stop() from giving fixed height to element
<p>I have the following lines of code:</p>

<pre><code>$(".product-list .product").hover(function() {
    $(this).find('.product-description').stop().slideDown("slow");
}, function() {
    $(this).find('.product-description').stop().slideUp("slow");
})
</code></pre>

<p>Now the problem is, when I move fast enough, and then hover the element again, the .product-description get stuck to the height of the old event.</p>

<p>For example:</p>

<ol>
<li>mouseover: element -> animates -> full height: 200px</li>
<li>mouseleave: element -> animation stops -> animates -> height: 0 (default height now: 100px)</li>
<li>mouseover: element -> animates -> full height: 100px (but should be 200px)</li>
</ol>

<p>And yes I already tried by getting the normal height - but the problem is, that I use clearfix what jQuery can't really handle.</p>

<p>Thanks for any advice</p>
