Hay una página con animación, al hacer clic en la hamburguesa, los elementos del menú aparecen uno tras otro, al hacer clic en la "cruz", los elementos deben "desaparecer" en orden inverso, es decir, la animación debe reproducirse en orden inverso. . Quiero usar el método reverse(), pero el problema es que el botón de hamburguesa y el botón de "cruz" son elementos DOM diferentes, el alcance no permite
const burger = document.querySelector('.burger'); const menu = document.querySelector('.menu'); const menuClose = document.querySelector('.close'); var tb = gsap.timeline({defaults: {duration: .3}}); burger.addEventListener('click', () => { menu.classList.add('_active'); tb.fromTo(".menu", { opacity: 0}, { opacity: 1}); tb.fromTo(".menu__nav", { opacity: 0}, { opacity: 1}); tb.fromTo(".social", { opacity: 0}, { opacity: 1}); tb.fromTo(".menu__right", { opacity: 0}, { opacity: 1}); }); menuClose.addEventListener('click', () => { tb.reverse(); menu.classList.remove('_active'); });