Hello, I've encountered an issue with the delay in jQuery's .animation function. When quickly moving over boxes, the animation doesn't trigger; however, it works perfectly when done slowly. Any assistance on adding a 500 millisecond delay without breaking the original script would be greatly appreciated. Thank you.
Original Script Without Delay:
$(document).on('mouseenter', '.learnmore', function(e){
e.preventDefault();
$(".top", this).css({top:0}).animate({top:-205},{duration:500});
$(".bottom", this).css({top:0}).animate({top:-210},{duration:500});
});
$(document).on('mouseleave', '.learnmore', function(e){
e.preventDefault();
$(".top", this).css({top:-205}).animate({top:0},{duration:500});
$(".bottom", this).css({top:-210}).animate({top:0},{duration:500});
});
Example With Delay: http://jsfiddle.net/nblackburn/jSPMs/
Warm regards,
Nathaniel Blackburn