Why is my post-animate function not being called?
<p>I'm animating popups so that they fade and slide in simultaneously. I want to reset the position of the hidden popup once it's hidden so that the animation is the same every time.</p>

<p>When the element is rolled over, the popup slides down and fades in. When it's rolled out of, the popup slides down further and fades out, then when it's hidden, resets itself to its initial position.</p>

<p>Here's my code:</p>

<pre><code>$('*:has(.rollover)').hover(function(){
  $('.rollover',this).fadeIn('fast').animate({
    'top' : '60px',
  }, {duration: 'fast', queue: false}, function() {});
},function(){
  $('.rollover',this).fadeOut('fast').animate({
    'top' : '70px',
  }, {duration: 'fast', queue: false}, function() {
    console.log("hello");
    $(this).css('top','50px');
  });
});
</code></pre>

<p>The problem is the last line where the <code>top</code> is reset is not being triggered, and neither is the log statement. Why is this?</p>
