JQuery Transit и Mouseover

Question

Я хотел бы создать анимацию перехода при наведении курсора с помощью сценария: Transit Все сделано, хорошо... за одним исключением. Переход работает, но если вы передадите мышам несколько раз (например, 5 раз для примеров) на 3 разных блоках, анимация продолжится! Это создает эффект мерцания, но мне не нравится... Картинка стоит тысячи слов: это мой код и проблема с: http://jsfiddle.net/u4Dk4/1/

Спасибо за вашу драгоценную помощь.

$(function() {
    $("#A").mouseover( function() {
    $("#A").transition({ opacity: '0'}, 500);}); });
$(function() {
    $("#A").mouseout( function(){
    $("#A").transition({ opacity: '1'}, 500);}); });

Answer 1

Вы создаете очередь анимаций. Удалить эту очередь с stop() функция.

Вот твоя измененная скрипка

$("#A").mouseover( function() {
$("#A").stop().transition({ opacity: '0'}, 500);}); });
$(function() {
$("#A").mouseout( 
function(){
$("#A").stop().transition({ opacity: '1'}, 500);}); });