Hello, I have the following code (just studying):
$('#test').hover(function(){
$('.box-one, .box-two, .box-three').hide();
$(this).removeClass('test').addClass('another-test').stop().animate({'height':'210px'});
$('.my-message').fadeIn();
}, function(){
$('.box-one, .box-two, .box-three').fadeIn();
$(this).removeClass('another-test').stop().animate({'height':'110px'}).addClass('test');
$('.my-message').fadeOut();
});
When hovering the mouse over the element, I should expect something around 0.400 seconds until the function activates, but if I quit or simply passed the mouse by mistake, the function should recognize that the mouse is no longer on top of the element and with that should cancel what would be done ...