TweenMax.ticker.fps(60); var $dialog1 = $(".dialog-1"), $dialog2 = $(".dialog-2"), $dialog3 = $(".dialog-3"), $tim = $(".tim"), $arm = $(".arm"), $finger = $(".finger"); //instantiate a TimelineLite var tl = new TimelineLite(); //dialog 1 tl.from($dialog1, 0.7, {scale:0.1, autoAlpha:0}).from($dialog1, 0.7, { autoAlpha:1}, "+=2"); //tim comes up tl.to($tim, 4, {top:-400}, "-=1.5" ) .to($tim, 6, {left:400}, "-=2" ) .to($tim, 4, {top:-200}, "-=2" ) //dialog 2 kicks in .from($dialog2, 0.7, {scale:0.5, autoAlpha:0}, "-=1").from($dialog2, 0.7, { autoAlpha:0}, "+=1") //arm .to($arm, 1, {rotation:80, transformOrigin:"35% 13%"}, "-=1.5" ).from($finger, 0.25, {autoAlpha:0,rotation:30, transformOrigin:"100% 100%"}) //dialog 3 kicks in .from($dialog3, 0.7, {scale:0.5, autoAlpha:0}, "+=1");