Question

im new here and will very much look forward to helping html and css questions. Im new to jquery and my question is this. I would like to animate div1 then div2 then div3 on after another, so far i have this..

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

How and where would I insert $('div3').fadeIn('slow') ?

Many thanks

Answer 1

.fadeIn() accepts a callback parameter, just like .animate(), so you could do

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