jquery Hover bug

Question

I'm trying to write a piece of Jquery that will change something when the user hovers on/hover off a div.

However if i hover off the div during the animation the hover on animation the off animation does not work

$('.boxgrid').hover(function(){
    $(".cover", this).stop().delay(1000).animate({top:'80px'},{queue:true,duration:500});
}, function() {
    $(".cover").stop().animate({top:'130px'},{queue:false,duration:0});
});

Am I doing anything wrong?

Thanks in advance.

Answer 1

http://jsfiddle.net/CKrPF/ - does this not work correctly?

Answer 2

Try changing your .stop()'s to .stop(true, true).