wink-like effect not working with animate()

wink-like effect not working with animate()


Hi guys :)

I've created the following rollover effect but it doesn't work as expected :


  1. $(document).ready(function(){
  2.         $('#area-row-2-sub-left a').bind({       
  3.           mouseover: function() {
  4.           var tHeight = $(this).height();
  5.       $(this).find('u').animate({height: '0'}, 400, function() {     
  6.               $(this).find('u').animate({height: tHeight}, 400, function() {
  7.               });
  8.             });
  9.           },         
  10.           mouseout: function() {
  11.           }
  12.         });
  13. });

First problem : animate({height: tHeight} correctly sets the initial height but with a duration equal to zero.
Seconf problem : a second mouseover on the element won't show the animation at all.

Any idea of what's going on?

Thanks a lot! :)