Закончите одна анимация затем запускают другую

Можно использовать обратный вызов для увольнения следующего эффекта, когда первое сделано:

$("#element1").slideUp(
    "slow", 
    function(){
        $("#element2").slideDown("slow");
    }
);

В этом примере функцию, определяемую как второй аргумент slideUp методу называют после того, как slideUp анимация закончилась.

См. документацию: http://docs.jquery.com/Effects/slideUp

Необходимо объединить его в цепочку как это

function animationStep1()
{
   $('#yourDiv1').slideUp('normal', animationStep2);
}

function animationStep2()
{
   $('#yourDiv2').slideDown('normal', animationStep3);
}

// etc

, Конечно, можно приправить это с рекурсивными функциями, массивы, содержащие очереди анимации, и т.д., согласно потребностям.

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

$("#thisDiv").slideUp("slow", function() {
    // This function is called when the slideUp is done animating
    $(this).doNextThing();
});

пример этого виден в JQuery для Новичков - День 2

существует 15 дней этих учебных руководств, и они - хороший ресурс.Приятного отдыха!

Используйте второй параметр функции: обратный вызов. Например,

$(this).slideDown( speed, function(){
    $(this).slideUp();
});