📜  js 更改汉堡包和显示菜单 - Javascript 代码示例

📅  最后修改于: 2022-03-11 15:04:27.999000             🧑  作者: Mango

代码示例1
var menu = document.querySelector(".header__main-nav")
var ham = document.querySelector(".header__burger-container")

ham.addEventListener("click", toggleMenu)

function toggleMenu() {
  if (menu.classList.contains("header__main-nav--show")) {
    menu.classList.remove("header__main-nav--show");
    ham.classList.toggle("change");
  } else {
    menu.classList.add("header__main-nav--show");
    ham.classList.toggle("change")
  }
}

var menuLinks = document.querySelectorAll(".header__main-link")

menuLinks.forEach(
  function (menuLink) {
    menuLink.addEventListener("click", toggleMenu)
  }
)