Animate эффект с JQuery

Question

я хочу, чтобы анимировать эффект с JQuery

У меня есть анимировать сценарий

$(popupID).animate({ 
    left: $(window).width()/2 + popupMarginLeft 
}, 500); 

теперь я хочу, чтобы внести изменения в нем, как этот

$(popupID).animate({left: $(window).width()/2 + popupMarginLeft}, 
         function() 
          { 
            $(popupID).fadeOut(); 
          }, 500); 

но потом скрипт не запускается, это означает, что у него есть некоторая ошибка,

как я могу решить его так, что пока div слайды towar ds right, он постепенно исчезает

Answer 1

я имел этот сценарий ранее

$(popupID).animate({left: $(window).width()/2 + popupMarginLeft},function() 
          { 
            $(popupID).fadeOut(); 
          }, 500 
         ); 

и окончательный сценарий, который работал, наконец следующим

$(popupID).animate({left: $(window).width()/2 + popupMarginLeft}, 500 , 
         function() 
          { 
            $(popupID).fadeOut(); 
          }); 

Answer 2

Будет ошибка, если вы не определите функцию fadeOut. Продолжительность анимации должна быть вторым аргументом. Попробуйте это:

$(popupID).animate({ left: $(window).width()/2 + popupMarginLeft }, 500, function() { 
    $(this).fadeOut(500); 
}); 

http://jsfiddle.net/qgVbR/1/

Или, если вы хотите, чтобы оживить как прозрачность и положение:

$(popupID).animate({ 
    left: $(window).width()/2 + popupMarginLeft, 
    opacity: 0 
}, 500); 

http://jsfiddle.net/qgVbR/

Answer 3

Вы должны указать, какой элемент вы хотите, чтобы исчезнуть из:

$(popupID).animate({ 
    left: $(window).width()/2 + popupMarginLeft 
},function(){ 
    $(popupID).fadeOut(500); // you can also use $(this) instead of $(popupID) 
}, 
500);