当用户单击某个项目时，如何关闭全屏菜单？jquery

所以我在codepen找到了这支笔，我正在一个1页的网站上练习使用它，但是我不知道当你点击一个链接时如何关闭全屏菜单（带有指向页面上元素的锚链接）

（函数（$）{
$（函数（）{
$（'.toggle overlay'）。单击（函数（）{
$（'aside'）.toggleClass（'open'）；
});
});
})（jQuery）
正文{
背景：RGBA（29,20,35,1）；
字体系列：“Muli”；
-webkit字体平滑：抗锯齿；
}
主要{
填充：60px 15px；
文本对齐：居中；
最大宽度：100%；
}
h1{
字号：2.5em；
字体大小：300；
颜色：rgba（255、255、255、.9）；
利润率：0.10px；
}
@媒体屏幕和屏幕（最小宽度：600px）{
h1{
字号：3em；
}
}
氢{
利润率：0.50px；
字号：1.5em；
字号：200；
颜色：rgba（255、255、255、.6）；
}
旁白{
位置：固定；
宽度：100%；
身高：100%；
排名：0；
左：0；
背景：线性梯度（200deg，#27156E，#6A2A88，#9F4981）；
不透明度：0；
可见性：隐藏；
过渡：所有。5s轻松；
z指数：2；
}
.打开{
不透明度：1；
能见度：可见；
}
导航{
文本对齐：居中；
高度：95vh；
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
保险商实验室{
保证金：0；
填充：0；
列表样式：无；
李{
对齐项目：居中；
弹性：1；
线路高度：20vh；
a{
字号：1.5em；
过渡：所有0.5s缓解；
显示：块；
文字装饰：无；
颜色：rgba（255、255、255、.5）；
&：悬停{
颜色：rgba（255、255、255、.9）；
转换：比例（1.1）；
&：之前{
能见度：可见；
变换：scaleX（1）；
}
}
&：之前{
内容：“；
位置：绝对位置；
宽度：50%；
高度：2倍；
底部：0；
左：25%；
背景：白色；
可见性：隐藏；
变换：scaleX（0）；
过渡：所有0.3秒均为0秒；
}
}
}
}
}
@媒体屏幕和屏幕（最小宽度：600px）{
海军ulli a{
字号：3em；
}
}
钮扣{
填充：15px 40px；
背景：透明；
边框：1px实心rgba（255、255、255、.4）；
颜色：白色；
边界半径：8px；
过渡：所有。5s轻松；
&：悬停{
边框：1px实心rgba（255、255、255、1）；
}
}
.结束{
位置：固定；
顶部：40px；
右：60px；
颜色：白色；
z指数：3；
光标：指针；
字体系列：无衬线；
跨度
跨度：之前，
跨度：之后{
边界半径：4px；
高度：5px；
宽度：35px；
背景：白色；
位置：绝对位置；
显示：块；
内容：''；
}
跨度{
背景：透明；
}
跨度：之前{
变换：旋转（45度）；
}
跨度：之后{
变换：旋转（-45度）；
}
}
.外部关闭{
位置：绝对位置；
右：0；
排名：0；
宽度：85px；
高度：85px；
光标：指针；
}

全屏导航覆盖
使用flexbox的全屏导航覆盖的示例。
切换我





对每个

 <li><a href="#" onclick="$('aside').removeClass('open');">Features</a></li>


请参见此
改变你的JS如下

(function($) {
  $(function() {
    $('.toggle-overlay').click(function() {
      $('aside').toggleClass('open');
    });
    $('aside nav li a').click(function() {
      $('aside').toggleClass('open');
    });
  });
})(jQuery);

我所做的是，在每个菜单项上单击，我将切换到旁边的