Почему эта анимация JQuery нервная?

Question

Я пытаюсь анимировать изображение медленно, но оно просто прыгает внезапно после задержки, фактически не скользя. Есть идеи почему?

$(document).ready(function() {
    $('#Picture').fadeIn(1000).delay(1500).animate({'top': '25px', 'left': '20px', 'height': '101px'},2000);
});

Answer 1

Попробуйте использовать функцию обратного вызова:

$(document).ready(function() {
    $('#Picture').fadeIn(1000, function(){
        $(this).delay(500).animate({'top': '25px', 'left': '20px', 'height': '101px'},2000);
    });
});

Анонимная функция будет выполнена после завершения fadeIn.

UPD : Нет sleep функция,изменено на delay.Пример здесь: http://jsfiddle.net/CbgzG/

UPD2 : код OP работает так же хорошо: http://jsfiddle.net/CbgzG/1/