Queueing animations in jquery

Asked Aug 01 '16 at 22:47

Active Aug 02 '16 at 00:13

Viewed 18 times

I have something like this:

$(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");
    });
});

All is fine but animation executes all at once, I'd like to delay the last one (with .aboutme-container) until the aboutme, portfolio and contact me is fully executed. I'm not getting it done right, I just hope someone will be able to help :)

edited Aug 02 '16 at 00:13

Serenity

35,289
20
120
115

asked Aug 01 '16 at 22:47

Przemysław Lunic

1

You may find this helpful: http://stackoverflow.com/questions/10370298/how-do-i-animate-in-jquery-without-stacking-callbacks – SimianAngel Aug 01 '16 at 22:52
this is what I was looking for! Thanks! – Przemysław Lunic Aug 01 '16 at 23:03

Queueing animations in jquery

0 Answers0