Daniel2024

ok, thanks First timeline is running , but the second one isn't . What is wrong in my code? / second timeline for reverse method const secTimeLine = new TimelineLite({ paused: true }); secTimeLine.to('.slide-container', 0.5 , { opacity: 0, ease: Ease.easeIn }); function closeMenu(){ tl.play(); } // event document.querySelector('.menu-icon').addEventListener('click', animateNavbar); // animation status const isAnimated = false; const isOpen = true; function animateNavbar(e){ // check for false if (isAnimated.current) { return; } // set to true isAnimated.current = true; if(isOpen.current) { openMenu() } else { closeMenu() } }

Yes, got it. So I have to delcare my openMenu() and my closeMenu(), where i insert my timelines outside of the toggleMenu function , right ? const isOpen = useRef() I can call useRef however I want , right?

I was going through the code , but I didn't get it.. I am not really familiar with react.. I changed my code. How can I add the second timeline for the reverse method? document.querySelector('.menu-icon').addEventListener('click', animateNavbar); function animateNavbar(e){ tl.reversed() ? tl.play() : tl.reverse(); }

if I want to add a second timeline for the reverse method , how can I do it? So first i am running the first timeline and when i click to close the menu I want to add a different timeline..

@ZachSaucier , appreciate your help. Thank you 😃

Hello guys, im trying to animate a menu with TweenMax. If I click the menu-icon , the animation works properly and menu is viewable , but when i click again the animation doesn't work. Thank you in advance. Regards Daniel