尝试为响应式多级菜单创建一个小脚本

<ul id="menu">
  <li><a href="#">菜单项1</a></li>
  <li>
    <a href="#">菜单项2</a>
    <ul>
      <li><a href="#">子菜单项1</a></li>
      <li><a href="#">子菜单项2</a></li>
    </ul>
  </li>
  <li><a href="#">菜单项3</a></li>
</ul>

// 获取菜单元素
var menu = document.getElementById("menu");

// 获取所有菜单项
var menuItems = menu.getElementsByTagName("li");

// 遍历菜单项
for (var i = 0; i < menuItems.length; i++) {
  var menuItem = menuItems[i];

  // 添加点击事件监听器
  menuItem.addEventListener("click", function(e) {
    // 阻止默认链接行为
    e.preventDefault();

    // 切换子菜单的显示状态
    var submenu = this.getElementsByTagName("ul")[0];
    if (submenu) {
      submenu.classList.toggle("show");
    }
  });
}

#menu ul {
  display: none;
}

#menu ul.show {
  display: block;
}