我怎样才能让我的链接在菜单上点击后关闭菜单？

<a href="#" onclick="closeMenu()">关闭菜单</a>

<script>
function closeMenu() {
  var menu = document.getElementById("menu"); // 假设菜单的ID为"menu"
  menu.style.display = "none"; // 隐藏菜单
}
</script>

<a href="#" id="closeLink">关闭菜单</a>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$("#closeLink").click(function() {
  $("#menu").hide(); // 隐藏菜单，假设菜单的ID为"menu"
});
</script>

<style>
.menu {
  display: none; /* 初始状态下隐藏菜单 */
}
</style>

<a href="#" onclick="toggleMenu()">关闭菜单</a>

<script>
function toggleMenu() {
  var menu = document.getElementById("menu"); // 假设菜单的ID为"menu"
  menu.classList.toggle("menu"); // 切换菜单的类名，显示或隐藏菜单
}
</script>