Javascript 单击链接时隐藏移动菜单

我想在单击锚链接时隐藏我的移动菜单

我发现

这个解决方案看起来很有希望，但我无法让它发挥作用（我可能做错了什么）

我还试着实现这个解决方案

但这里可能也做错了什么

我的代码：

let burger=document.getElementById（'burger'），
nav=document.getElementById（'main-nav'），
slowmo=document.getElementById（'slowmo'）；
burger.addEventListener（'click'，函数（e）{
this.classList.toggle（'is-open'）；
nav.classList.toggle（'is-open'）；
});
html{
滚动行为：平滑；
}
* {
保证金：0；
填充：0；
字体系列：helvetica；
}
身体{
高度：2000px；
}
#包裹{
滚动边距顶部：130px；
}
钮扣{
光标：指针；
}
.主导航{
位置：固定；
排名：0；
右：0；
左：0；
底部：0；
文本对齐：居中；
背景：rgba（0,0,0,0）；
不透明度：0；
z指数：-1；
可见性：隐藏；
过渡：全部。375s；
}
.main-nav.is-open{
不透明度：1；
z指数：1100；
能见度：可见；
}
/*黄带效应*/
.主导航：：之前{
内容：''；
位置：绝对位置；
排名：0；
底部：0；
左：0；
右图：-15px；
背景：#fff；
变换原点：0；
变换：倾斜（-14度）translateX（-120%）；
过渡：全部.275s.1s；
}
.主导航打开：：之前{
变换：倾斜（-14度）translateX（0）；
}
/*菜单链接上的倾斜效应*/
.主导航ul{
显示：内联flex；
弯曲方向：立柱；
高度：93%；/*应为100%，但我们有一条通知消息：D*/
对齐项目：柔性端；
证明内容：中心；
变换：translateX（-18%）倾斜（-16度）；
}
主导航李先生{
显示：块；
保证金：.5雷姆0；
文本对齐：右对齐；
变换：倾斜（16度）；
}
/*链接上的幻影效应*/
.主导航按钮{
不透明度：0；
转换：translateY（-10px）；
}
.main-nav.is-open按钮{
不透明度：1；
变换：translateY（0）；
}
.主导航李：第n个孩子（1）a{
过渡：全部275ms 175ms
}
.主导航李：第n个孩子（2）a{
过渡：所有275ms 225ms
}
.主导航李：第n个孩子（3）a{
过渡：全部275ms 275ms
}
.主导航李：第n个孩子（4）a{
过渡：所有275毫秒325毫秒
}
.主导航李：第n个孩子（5）a{
转换：所有275毫秒375毫秒
}
/*装饰*/
.主导航ul，
主导航李先生{
列表样式：无；
填充：0；
}
.主导航按钮{
显示：块；
填充：12px0；
颜色：5A3B5D；
字号：1.4em；
文字装饰：无；
字体大小：粗体；
}
/*汉堡风格：@见：https://codepen.io/CreativeJuiz/full/oMZNXy */
.开放式主导航{
位置：绝对位置；
顶部：15px；
填充顶部：20px；
右：15px；
z指数：1200；
背景：无；
边界：0；
光标：指针；
}
.打开主导航：焦点{
大纲：无；
}
#汉堡{
位置：固定；
浮动：对；
可见性：隐藏；
}
.汉堡{
位置：相对位置；
显示：块；
宽度：28px；
高度：4px；
保证金：0自动；
背景：#fff；
变换：倾斜（5度）；
过渡：全部为0.275秒；
利润率最高：1vw；
}
.伯格：之后，
汉堡：以前{
内容：''；
显示：块；
身高：100%；
背景：#fff；
过渡：全部为0.275秒；
}
#汉堡，心理医生，汉堡{
背景：#000！重要；
利润率最高：0.7vw；
}
#汉堡包。心理医生。汉堡包：之后{
背景：#000！重要；
}
#汉堡包。心理医生。汉堡包：以前{
背景：#000！重要；
}
汉堡：以后{
变换：translateY（-12px）translateX（-2px）skew（-20度）；
}
汉堡：以前{
变换：translateY（-16px）skew（-10deg）；
}
/*切换状态部件*/
.是开着的.汉堡{
变换：倾斜（5度）平移（-8像素）旋转（-45度）；
}
汉堡：以前{
变换：translateY（0px）倾斜（-10度）旋转（75度）；
}
.是开着的{
变换：translateY（-12px）translateX（10px）歪斜（-20度）；
不透明度：0；
}
汉堡：在……之后，在……之前{
背景：#000；
}
/*菜单文本部分*/
.burger文本{
显示：块；
字体大小：.675rem；
字母间距：.05em；
边缘顶部：.5em；
文本转换：大写；
字号：500；
文本对齐：居中；
颜色：#fff；
}
#汉堡，心理医生，汉堡短信{
颜色：#000；
}
.已打开。汉堡文本{
颜色：#000；
}
.集装箱{
位置：绝对位置；
顶部：0；右侧：0；
底部：0；左侧：0；
溢出：隐藏；
}
/*通知*/
.通知{
位置：绝对位置；
底部：-15px；
左：0；右：0；
填充：20px；
背景#f2f2；
颜色：5A3B5D；
字体大小：14px；
字体大小：400；
线高：1.5；
z指数：100；
文本对齐：居中；
}
.请注意{
字号：700；
}
.通知按钮{
填充物：2个3个；
背景：#FEDC2A；
文字装饰：无；
}
h1{
文本对齐：居中；
字体大小：8vw；
顶部：0.5em；
位置：相对位置；
}
氢{
文本对齐：居中；
字体大小：300；
边缘顶端：3em；
字号：1rem；
}
保险商实验室{
列表样式：无；
文本对齐：居中；
}
ulli{
显示：内联表；
左边距：-1.5em；
左侧填充：-1.5em；
}
#包裹{
滚动边距顶部：80px；
}
#汉堡{
能见度：可见；
}
.navb{
位置：相对位置；
顶部：50px；
颜色：#87CEEB！重要；
字体大小：0.6rem；
可见性：隐藏；
}
.navb:悬停{
颜色：#fff！重要；
}
#导航栏{
文本对齐：居中；
宽度：100%；
颜色：白色；
z指数：999；
过渡：0.3s；
线高：18px；
}
#导航包装器{
背景：线性梯度（250度，#0061ff，#60efff）；
背景大小：400%400%；
-webkit动画：AnimationName 10s轻松无限；
-moz动画：AnimationName 10s轻松无限；
动画：AnimationName 10s轻松无限；
高度：100vh；
}
@-webkit关键帧动画名称{
0% {
背景位置：0%7%
}
50% {
背景职位：100%94%
}
100% {
背景位置：0%7%
}
}
@-moz为动画设置关键帧
$(function () { 
   $('#menu-main li>a').on('click', function (e) {
       $( "#menu-toggle" ).click();
   });
});

function onLinkClick() {
  var coll = document.getElementsByClassName("hamburger");
  coll.classList.remove("active");
}

$(".nav-item").click(function(){
  burger.click();
})