后退按钮在响应式菜单中不起作用

Question

我想要做的是在点击返回按钮时返回上一级菜单，您能帮忙吗？ 我将在此处留下有关如何编写代码的链接

const submenutitle = document.querySelector('.submenutitle');

https://codepen.io/tolgagnydnn/pen/abWmMpp

Answer 1

问题是你有两个听众，第二个（后退按钮）被第一个覆盖（因为后退按钮是第一组听众的一部分）。 本质上，后退按钮上有 2 个事件侦听器。 我合并了它们。 我不得不更改一些代码，以便找到正确的元素来添加/删除类：

for (const mobilemainmenuitem of mobilemainmenuitems) {
  mobilemainmenuitem.addEventListener("click", (e) => {
    const submenu = e.target;
    if (submenu.classList.contains("btn"))
      submenu
        .closest(".mobilesubmenu")
        .classList.remove("showleft", "showvisibility");
    else
      submenu
        .closest("li")
        .querySelector(".mobilesubmenu")
        .classList.add("showleft", "showvisibility");
  });
}

https://codepen.io/kinglish/pen/OJmRevq?editors=1111