在jquery中排队动画

Question

我有这样的事情：

$(document).ready(function(){
    $('#footer-nav-li li.aboutme-footer-li:first').click(function(){
         $(".about-me").animate({right: '332px'}, "fast", "swing");
         $(".portfolio").animate({right: '664px'}, "fast", "swing");
         $(".contactme").animate({right: '996px'}, "fast", "swing");
         $(".aboutme-container").animate({right: '-197px'}, "fast", "swing");
    });
});

一切都很好，但动画一次性执行，我想延迟最后一个（使用.aboutme-container），直到aboutme，portfolio和contact me完全执行。我没有把它做得对，我只希望有人能够提供帮助:)。