GSAP Drawer Anime

        const pattern3 = () => {
          gsap.set([drawer, ".js-nav-item a"], { visibility: "hidden", opacity: 0 });
          let tl3 = gsap.timeline({
            onReverseComplete: function () {
              gsap.set([drawer, ".js-nav-item a"], {
                visibility: "hidden",
                opacity: 0,
              });
            },
          });
          openButton.addEventListener("click", () => {
            if (!tl3.reversed()) {
              tl3
                .to(drawer, {
                  visibility: "visible",
                  opacity: 1,
                  ease: Power2.easeInOut,
                })
                .to(".js-nav-item a", {
                  stagger: { amount: 0.6 },
                  visibility: "visible",
                  opacity: 1,
                });
            } else {
              tl3.play();
            }
          });
          closeButton.addEventListener("click", () => {
            tl3.reverse();
          });
        };