单击列表项（javascript、css、html）后关闭导航菜单

我为移动用户构建了一个导航菜单。我希望菜单在单击列表项时立即关闭。这怎么可能

$（文档）.ready（函数（）{
$（'.menu toggle'）。单击（函数（）{
$（'header nav'）。toggleClass（'active'）；
});
});
标题{
显示：块；
左：0px；
边界半径：0px；
宽度：100%；
高度：50px；
左边距：0px；
右边距：0px；
边际上限：0px；
排名：0；
右：0；
背景：白色；
z指数：2；
}
标题导航{
位置：固定；
宽度：100%；
高度：计算（100vh-50px）；
背景色：#ffffff；
顶部：50px；
左：0；
过渡：0.5s；
}
标题导航激活{
左-100%；
}
标题nav ul li{
浮动：无；
显示：块；
垫底：15px；
文本对齐：居中；
字体大小：25px；
字体系列：“Roboto”，无衬线；
字体重量：较轻；
}
标题nav ul li a{
字体大小：25px；
}
标题导航ul a li：悬停{
填充顶部：0px；
颜色：#3ECB8A；
}
.菜单切换{
显示：块；
右边距：15px；
}



偶像
您可以在显示/隐藏菜单时，监听链接并切换活动类。例如：

$('header nav a').click(function(){
    $('header nav').toggleClass('active');
  })

您可以将单击事件绑定到菜单项，从而从菜单中删除
活动的
类。非常感谢！这就是解决办法