Title: Chaining Animation example
Course: Fall 2023 - WEBD 164 (41934) > Section: Week 13 (Nov 13) Using jQuery Animations

a1
a2
a3
​ $('#a1, #a2, #a3').css({opacity:0, position:'relative'}); $('#a1').animate({opacity:1},1000).animate({left:100},1000).animate({opacity:0},{duration:1000, complete: function(){ $('#a2').animate({opacity:1},1000).animate({left:100},1000).animate({opacity:0},{duration:1000, complete: function(){ $('#a3').animate({opacity:1},1000).animate({left:100},1000).animate({opacity:0},{duration:1000, complete: function(){ }}); }}); }});​