这是我创建的下拉菜单的脚本。我想在单击链接关闭下拉菜单时添加。有任何想法吗?
$(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>
$('.menu a').click(function(){
$('.menu').hide();
});
这有效。小提琴:https : //jsfiddle.net/kpxnejLf/1/
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句