função de mouseover ocorrendo várias vezes em uma fila
Eu tenho esse código que desvanece uma div sobre outra após passar o mouse e desaparece quando o cursor sai da área de visualização.
EXEMPLO:http://jsfiddle.net/3vgbemgu/
$('.under').hover(function () {
$('.over').fadeIn();
}, function () {
$('.over').fadeOut();
});
no entanto, se o usuário mover o mouse sobre a área rapidamente várias vezes, a animação criará uma fila, o que significa que a div entra e sai várias vezes uma após a outra. Isso é muito mais óbvio: existem várias instâncias dessa animação na tela ou se os tempos de esmaecimento e afastamento são mais longos.
Como eu pararia a animação de voltar a disparar enquanto ela ainda está ocorrendo pela primeira vez?