[ksa]

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

Как вариант...

$("#my-div-1").animate({height: "hide"}, 1000, function(){
    $("#my-div-2").animate({height: "show"}, 1000);
});

http://ru.stackoverflow.com/question...ементов