How to use Timelines instead Tweens with .batch() method of the animation complex objects?

[Nickicool]

It may be simple, but I really can't figure out how to redo the usage example .batch () functions using timelines (instead of simple tweens). And I also need dynamically loaded elements by clicking on the button. I took the Codepen provided by user @ZachSaucier as a basis, but added SPAN to the DIV, for the complexity of the elements .card

 

I wanted to use Timeline features like play() and reverse() to animate more complex objects .card than just an empty box...

See the Pen JjRRyzr?editors=0010 by nickicool (@nickicool) on CodePen

[ZachSaucier]

Hey Nickicool. To use a timeline you should replace what's in the show function with a timeline affecting each item in the batch that you want to affect in the way that you want to affect it. Something like this:

See the Pen wvzzpEO?editors=0010 by GreenSock (@GreenSock) on CodePen

[Nickicool]

Yes, it works! Thanks!