функция наведения мыши, возникающая несколько раз в очереди

У меня есть этот код, который затухает div над другим при наведении курсора мыши и исчезает, когда курсор покидает область просмотра.

ПРИМЕР:http://jsfiddle.net/3vgbemgu/

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

однако, если пользователь быстро перемещает мышь по области несколько раз, анимация создает очередь, что означает, что div постепенно исчезает один за другим. Это гораздо более очевидно, если на экране есть несколько экземпляров этой анимации или если время появления и исчезновения больше.

Как бы остановить анимацию, когда она все еще происходит в первый раз?

Ответы на вопрос(2)

Ваш ответ на вопрос