如何在单击离开或页面内锚点链接后删除汉堡菜单

<div class="hamburger">
  <div class="line"></div>
  <div class="line"></div>
  <div class="line"></div>
</div>

.hamburger {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 30px;
  height: 20px;
  cursor: pointer;
}

.line {
  width: 100%;
  height: 2px;
  background-color: #000;
}

// 获取汉堡菜单和导航菜单元素
const hamburger = document.querySelector('.hamburger');
const navMenu = document.querySelector('.nav-menu');

// 添加事件监听器
hamburger.addEventListener('click', toggleMenu);
navMenu.addEventListener('click', closeMenu);

// 切换菜单的展开与收缩状态
function toggleMenu() {
  navMenu.classList.toggle('active');
}

// 关闭菜单
function closeMenu() {
  navMenu.classList.remove('active');
}

<a href="#section1" onclick="closeMenu()">Section 1</a>
<a href="#section2" onclick="closeMenu()">Section 2</a>
<a href="#section3" onclick="closeMenu()">Section 3</a>