JQuery поймать, когда анимация закончена

Question

Я использую плагин цвета (ссылка на кеш Google, jquery.com в настоящее время отключена) для обработки анимации цвета фона.

$(".navigation a").hover(
    function(){
        $(this).stop().animate({backgroundColor: black});
    },
    function(){
        $(this).stop().animate({backgroundColor: green});
        $(this).hide();
    }
);

Необходимо скрыть текущую ссылкукогда анимация закончена. Теперь она прячется сразу, на mouseout().

Какое решение?

Answer 1

Вам нужно поместить .hide() в функцию обратного вызова вызова .animate().

$(this).stop().animate(
    {backgroundColor: green},
    function() {
        $(this).hide();
    }
);

Answer 2

Если задать .hide() длительность, она будет добавлена ​​в очередь анимации.

Так что вы можете сделать это:

$(this).stop().animate({backgroundColor: green}).hide( 0 );