Javascript 单击菜单项后关闭jQuery响应菜单？

我有一个使用jQuery的简单的打开/关闭响应菜单。菜单很好用，但我使用的网站是一个简单的单页网站，有不同的部分。我的问题是，当用户单击菜单句柄时，菜单会打开和关闭，我希望当用户单击菜单项时，菜单也会关闭。我在jQuery方面的经验很少，所以我需要帮助解决这个问题

HTML：

  <nav>
    <ul>
      <a href="#home"><li>home</li></a>
      <a href="#about"><li>about</li></a>
      <a href="#contact"><li>contact</li></a>
    </ul>
    <div class="handle">Menu</div>
  </nav>

谢谢。

我想你需要这个：

$('.handle').on('click', function(){
  $('nav ul').toggleClass('showing');
});
$('nav ul a').on("click", function(){
    $('nav ul').removeClass('showing');
});

我还注意到你的HTML结构是错误的。。。

应该是

菜单

---

Working fiddle==>
您可以将toggleClass更改为仅切换以隐藏元素。要获得所需的行为，请将jQuery选择器更改为：

$('.handle, nav ul a').on('click', function(){
  $('nav ul').toggle();
});

---

谢谢你的回答，这很有效，但它关闭时有一个奇怪的行为。我能在某处看到它吗？不，它只是我正在玩的一个练习网站，没有上传到任何地方。解决方案工作正常，可以使用，但在关闭前几乎有一个停顿。实际上我只是再次尝试，工作正常。Nvm，谢谢。别担心！重要的是你有解决方案！干杯

 <nav>
     <ul>
         <li><a href="#home">home</a></li>
         <li><a href="#about">about</a></li>
         <li><a href="#contact">contact</a></li>
     </ul>
     <div class="handle">Menu</div>
 </nav>

$('.handle, nav ul a').on('click', function(){
  $('nav ul').toggle();
});