Отмена/Откат анимации при завершение действия раньше времени(jquery)
 

все новые браузеры поддерживают css3 transition, для старых IE приходится делать костыли. вот мой код на jquery

$('div').hover(function(){
        $(this).find('img').animate({
            left: "-100%"
        }, 1500 );
    }, function(){
        $(this).find('img').animate({
        left: "0%"
        }, 1500 );
    });

наводим на блок, а картинка внутри него смещается на -100% влево, убираем курсор с блока - картинка назад.

проблема в том что если событие .hover длится гораздо меньше чем 1500 то убрав мышку анимация продолжается, а потом назад ещё столько же. в браузерах с поддержкой css3 при :hover и завершение его анимация прекращается сразу же и откатывается назад по завершению :hover как на jquery сделать так же, чтобы не ждать завершения анимации?

всё) всё таки сам нашёл выход. http://lamp-dev.ru/jquery/stop-animate-jquery/