Posts posted by ZigZag228
Hello, I am having a problem in creating a hover dropdown using GSAP animations to stagger in links after the container fades and drops in. After the user hovers off, it does another timeline in reverse. However, if a user were to go back and forth too quickly there are partial or full loops of the animations over and over depending on the swipes across the trigger. I am wondering if there is a way GSAP knows and animations are playing and will not allow another set to run if another is playing. Something along the lines of if tl starts and the user hovers off then it finish before starting timeLine's animation...?
Thanks in Advance!
See the Pen NojZpe by Code-Cafe (@Code-Cafe) on CodePen
Completing a Timeline before starting another
Thank you @Carl for your help, on the question. Do you think that if, instead of using a TimeLineMax Function, I could instead use simpler TweenMax functions with delays that function similarly to a timeline?
Would this fix the issue of it stacking to an even longer timeline with each hover?
Again, Thanks for the help!
*Edit 1*Decided to test it out rather than ask, and actually, this does work well in comparison to the TimeLineMax *Edit 1*
*Edit 2*For anyone who cares, found a way that is tens of lines shorter and works on a click-based CSS class togglesystem*Edit 2*