https://jiujitsux.com/wp-content/themes/hello-theme-child-master/i…/js/instructors-popup.js?ver=1.0.0

1document.addEventListener("DOMContentLoaded", function () {
2
3
4  const openOffCanvaBtn = document.querySelectorAll("#instructorsPopupBtn");
5  const instructorsPopup = document.querySelector("#instructorsPopup");
6  const body = document.querySelector("body");
7
8  let menuOpened = false;
9  const triggerMenu = () => {
10    if (menuOpened) {
11      body.style.overflow = "unset";
12      instructorsPopup.style.transform = "translateX(100%)";
13      instructorsPopup.style.width = "330px";
14    }
15    if (!menuOpened) {
16      body.style.overflow = "hidden";
17      instructorsPopup.style.transform = "translateX(0)";
18      instructorsPopup.style.width = "100vw";
19    }
20    menuOpened = menuOpened == true ? false : true;
21  };
22
23  openOffCanvaBtn.forEach((button) => {
24    button.addEventListener("click", triggerMenu);
25  });
26
27  instructorsPopup.addEventListener("click", function (e) {
28    if (e.target !== this) {
29      return;
30    }
31    triggerMenu();
32  });
33});