jdbones

Hello, I guess my problem wouldn't be such to an experienced person, however, since I'm not good at JS at all, I have this case where I am applying split text effect on two separate h1 tags and when I try to apply allDone on both of them, it doesn't work. When I apply allDone on the first h1, the second h1 doesn't get affected by the split text effect at all. When I apply allDone on the second h1 tag it all works but, of course, I would also need allDone applied to the first h1 as well. Also, defining the function for allDone two times doesn't work as well... Thank you! var tl = new TimelineLite, mySplitText = new SplitText(".is-returning h1.line-1"), chars = mySplitText.chars; TweenLite.set(".is-returning h1.line-1", {perspective:400}); tl.staggerFrom(chars, 1.2, {opacity:0, scale:0, y:120, rotationX:180, transformOrigin:"0% 50% -50", ease:Back.easeOut, delay:6.8}, 0.01, "+=0"); /*I want to place an allDone parameter here too but it doesn't work this way*/ var tl = new TimelineLite, mySplitText = new SplitText(".is-returning h1.line-2"), chars = mySplitText.chars; TweenLite.set(".is-returning h1.line-2", {perspective:400}); tl.staggerFrom(chars, 1.2, {opacity:0, scale:0, y:120, rotationX:180, transformOrigin:"0% 50% -50", ease:Back.easeOut, delay:9.8}, 0.01, "+=0", allDone); function allDone(){ mySplitText.revert(); }