Jquery анимировать один за другим?

Question

im new здесь и будем очень рады помочь с вопросами html и css. Я новый для jquery, и мой вопрос в этом. Я хотел бы, чтобы оживить Div1 затем div2 затем div3 на за другой, до сих пор у меня есть это ..

$(document).ready(function(){ 
    $('div1').animate({top:119},1500, function() { 
    $('div2').fadeIn('slow') 
    }); 
}); 

Как и где бы я вставить $('div3').fadeIn('slow')?

Большое спасибо

Answer 1

.fadeIn() принимает параметр обратного вызова, так же, как .animate(), так что вы могли бы сделать

$('#div1').animate({top:119}, 1500, function() { 
    $('#div2').fadeIn('slow', function() { 
     $('#div3').fadeIn('slow'); 
    }); 
}); 

Answer 2

Существует функция обратного вызова для метода .fadeIn(). вы можете добавить свое следующее исчезновение внутри обратного вызова.

$(document).ready(function(){ 
    $('div1').animate({top:119},1500, function() { 
    $('div2').fadeIn('slow', function() { 
     $('div3').fadeIn('slow'); 
    }); 
    }); 
}); 

Answer 3

Вы можете сделать что-то вроде этого

$(document).ready(function(){ 
$('div1').animate({top:119},1500, function() { 
$('div2').fadeIn('slow', function() {$('div3').fadeIn('slow')}) 
}); 
});