如何关闭我的jquery菜单

Question

我点击链接时需要关闭但是如何？

<nav class="navigation">
    <a href="" class="menuIcon"><i class="fa fa-bars"></i></a>
    <ul class="nav">
        <li class="clearfix"><a href="#Home">Home</a></li>
        <li><a href="#Diensten">Diensten</a></li>
        <li><a href="#Over">Het Team</a></li>
        <li><a href="#Werkwijze">Werkwijze</a></li>
        <li><a href="#Contact">Contact</a></li>
    </ul>
</nav>

var menu = $('nav ul');
$(".menuIcon").click(function(event) {
    event.preventDefault();
    menu.removeAttr('style');
    menu.slideToggle();
    $(".nav").toggleClass("list");
});

Answer 1

尝试在您选择的click事件中使用.hide（）函数：

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