Timeline animation order & timing issue

[Tonycre8]

Hey there. As you can tell by the title, I'm struggling to put my issue into works.
I've got this panels expanding animation that allows me to open and close panels, and it toggles the panels. Yada yada.
I've got a bit of a bug where, if you click too quickly, the text gets stuck as shown in this screenshot here.

This happens when you open a panel and then close it quickly. The text becomes visible but then it never gets to animate back to being invisible.
I'm not new to gsap, just having a hard time wrapping my head around this little issue.

Thanks a lot in advance!

See the Pen qBPrOzV by tonycre8 (@tonycre8) on CodePen

[Cassie]

Hey there @Tonycre8!

 

This demo should help you approach this a little more concisely

See the Pen PoqRZOB by GreenSock (@GreenSock) on CodePen

TLDR - Loop around all the cards and create a timeline for each - then use timeline methods to play and reverse the animation. 

[Tonycre8]

32 minutes ago, Cassie said:

Hey there @Tonycre8!

 

This demo should help you approach this a little more concisely
 

 

TLDR - Loop around all the cards and create a timeline for each - then use timeline methods to play and reverse the animation. 

 

 

Thanks a lot with this Cassie! My brain was not working today. Managed to get that done quite quickly though. Going to have to poke around with it to tune the animation but it definitely works better! Thanks again