您似乎想在单击菜单项后隐藏汉堡菜单。您可能需要在每个菜单项上添加一个事件侦听器，并在单击菜单项时切换active类。以下是您可以如何做到这一点：

// JavaScript

// Get the menu items and burger element
let menuItems = document.querySelectorAll('#menu li a');
let burger = document.querySelector('.burger');

// Add an event listener to each menu item
menuItems.forEach((item) => {
  item.addEventListener('click', () => {
    // When a menu item is clicked, remove 'active' class from #menu and burger
    document.querySelector('#menu').classList.remove('active');
    burger.classList.remove('active');
  });
});

// Add click event for the burger menu
burger.addEventListener('click', () => {
  // On click, toggle 'active' class for #menu and burger
  document.querySelector('#menu').classList.toggle('active');
  burger.classList.toggle('active');
});

字符串
也可以在单击外部时隐藏菜单：

// JavaScript

document.addEventListener('click', (event) => {
    let isClickInsideMenu = document.querySelector('#menu').contains(event.target);
    let isClickOnBurger = burger.contains(event.target);

    if (!isClickInsideMenu && !isClickOnBurger) {
        // The click was outside the menu and burger, hide them
        document.querySelector('#menu').classList.remove('active');
        burger.classList.remove('active');
    }
});

型
上面的代码将跟踪每个菜单项上的单击事件。当检测到单击事件时，它将从菜单和汉堡包按钮中删除活动类，使它们隐藏起来。.active类中的更改将影响CSS transform属性，从而提供滑入/滑出动画。
我建议将此JavaScript代码添加到HTML body标记的末尾，或者将其放置在DOMContentLoaded事件之后调用的函数中，以确保在脚本运行之前所有元素都已呈现到DOM。
祝你学习愉快。

const burger = document.querySelector(".burger");
const menu = document.querySelector("#menu");

burger.addEventListener("click", () => {
  menu.classList.toggle("active");
});

document.addEventListener("click", (event) => {
  if (event.target === burger || event.target === menu) {
    return;
  }

  menu.classList.remove("active");
});

字符串