单击链接后关闭移动版本中的菜单

<div id="menu" class="menu">
  <!-- 菜单内容 -->
</div>
<div id="content">
  <a href="#" class="close-menu">关闭菜单并跳转</a>
  <!-- 页面其他内容 -->
</div>

.menu {
  width: 300px;
  height: 100%;
  position: fixed;
  top: 0;
  left: -300px; /* 初始状态隐藏在屏幕左侧 */
  transition: left 0.3s;
}

.menu.open {
  left: 0; /* 打开状态 */
}

document.addEventListener('DOMContentLoaded', function() {
  var menu = document.getElementById('menu');
  var content = document.getElementById('content');
  
  // 打开菜单的逻辑（可以绑定到某个按钮）
  document.getElementById('openMenuBtn').addEventListener('click', function() {
    menu.classList.add('open');
  });

  // 点击内容区域关闭菜单
  content.addEventListener('click', function(event) {
    if (!event.target.closest('.menu')) { // 确保点击的不是菜单内部
      menu.classList.remove('open');
    }
  });

  // 点击链接关闭菜单并跳转
  document.querySelector('.close-menu').addEventListener('click', function(event) {
    event.preventDefault(); // 阻止默认跳转行为
    menu.classList.remove('open');
    setTimeout(function() { // 延迟跳转以确保菜单动画完成
      window.location.href = this.href;
    }.bind(this), 300);
  });
});