Затухающий цвет ссылок на mouseover mouseout с jQuery

Question

Im пытается добиться хорошего эффекта затухания цвета, когда вы наводите указатель мыши на ссылки в jQuery.

До сих пор у меня есть:

$('a').hover(
function() { 
    $(this).animate({ color: '#fff' }, 1000); 
}, 
function() { 
    $(this).animate({ color: '#000' }, 1000); 
}); 

которого на самом деле отлично работает. Однако представьте, что ссылки являются навигацией, находясь близко друг к другу. Если вы попытались навести указатель на одну ссылку, рядом с ней и обратно несколько раз. Ссылки заходят в ум и затухают, как бы я остановил событие, «поставленное в очередь», если анимация уже происходит?

Любые советы приветствуются!

Answer 1

Вы ищете stop функции

$('a').hover(
    function() { 
     $(this).stop().animate({ color: '#fff' }, 1000); 
    }, 
    function() { 
     $(this).stop().animate({ color: '#000' }, 1000); 
    } 
);