Leaderboard

Hi, Thanks for the demo. I think you want to use addPause() here tl.addLabel('step1') .to('.red', 0.5, {width:250}) .addPause() .addLabel('step2') .to('.blue', 0.5, {width:450}); you use pause() to pause a timeline at any time. The way you were using it you were pretty much pausing it as the timeline was being created. addPause() inserts a pause into a timeline at a specific point in time. more info here: https://greensock.com/docs/TimelineLite/addPause()

Hi @Dash_Cool. Welcome to the forums! These forums are dedicated to GSAP animation, not jQuery. Are you using GSAP? Your post title mentions jQuery, that's why I ask. GSAP has no problem animating group elements in SVG. It would be best if you created a reduced test case in codepen so we can see what you're trying to do. See There are many examples on codepen too. Craig has a ton: https://codepen.io/PointC/ and Chris Gannon is a wizard too: https://codepen.io/collection/XzxeNJ/ as are most of the moderators around here. Happy tweening!

Hi @TradingBo You don't have a master timeline, at least not in the sense that you think you do. Your functions are only returning the very last timeline created in a loop. You would need to add every timeline created in a loop to an array, and return that array. But don't be like this dude when it comes to master timelines. I see far too many people waste far too much time building master timelines that serve no actual purpose. See if this helps out.

Hi OSU, Apologies for the belated reply! This all makes a lot more sense now, have since done homework looking into the .getScreenTCM() method and has helped immensely. Thanks for the great support

Hi Blake, Thanks for your help with that, I didn't notice that. I checked the code after you said that & realised it had to be UglifyJS which I recently updated. The defaults had changed! Not a GSAP issue so sorry to waste your time with this. Problem solved though, thanks again. Phew!