Ich habe diesen Code, der beim Mouseover ein Div über ein anderes verschiebt und ausgeblendet wird, wenn der Cursor den Anzeigebereich verlässt.

BEISPIEL:http: //jsfiddle.net/3vgbemgu

$('.under').hover(function () {
$('.over').fadeIn();
}, function () {
$('.over').fadeOut();
});

Wenn der Benutzer jedoch mehrmals schnell mit der Maus über den Bereich fährt, wird durch die Animation eine Warteschlange erstellt, sodass das Div nacheinander mehrmals ein- und ausgeblendet wird. Dies ist viel offensichtlicher, wenn mehrere Instanzen dieser Animation auf dem Bildschirm angezeigt werden oder wenn die Ein- und Ausblendzeiten länger sind.

Wie kann ich das erneute Auslösen der Animation stoppen, während sie noch beim ersten Mal ausgeführt wird?