JQuery 菜单切换按钮

Question

这是我创建的下拉菜单脚本。我想在单击链接以关闭下拉列表时添加。有什么想法吗？

$(document).ready(function() {
$(".menu-icon").on("click", function() {
$("nav ul").toggleClass("showing");
});
});

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<nav>
<div class="menu-icon">
<i class="fa fa-bars" style="font-size:36px"></i>
</div>
<div class="logo">
LOGO
</div>
<div class="menu">
<ul>
<li><a href="#Home">Home</a></li>
<li><a href="#ourTeam">Our Team</a></li>
<li><a href="#imageGallery">imageGallery</a></li>
</ul>
</div>
</nav>
<style>
.showing {
max-height: 34em;
}
<style>

Answer 1

$('.menu a').click(function(){
$('.menu').hide();
});

这行得通。小提琴： https://jsfiddle.net/kpxnejLf/1/