Javascript 如何关闭手风琴菜单的打开部分？

我正试图制作一个手风琴，但我不知道如何关闭打开的手风琴。如您所见，在尝试关闭当前视图之前，手风琴工作正常

我该怎么做

注意：手风琴只能在移动断点上看到

$（函数（）{
$（'.footer links holder'）。单击（函数（）{
if（$（'.footer links holder'）.hasClass（'active'））{
$（'.footer links holder'）。removeClass（'active'））
}
$（this.toggleClass（'active'））
});
});
/*HTML设置*/
页脚{
背景：#191919；
颜色：#fff；
保证金：0；
@进口的https://fonts.googleapis.com/css?family=Open+无；
字体系列：“开放式Sans”，无衬线；
填充顶部：20px；
}
页脚。居中{
最大宽度：1200px；
保证金：0自动；
显示器：flex；
证明内容：之间的空间；
}
页脚。居中。页脚联系人{
宽度：20%；
}
页脚.居中.页脚导航{
宽度：60%；
}
页脚。居中。页脚导航。页脚链接保持器{
左边框：1px实心rgba（255、255、255、0.5）；
宽度：33.33333%；
位置：相对位置；
浮动：左；
保证金：0；
左侧填充：10px；
}
页脚。居中。页脚导航。页脚链接保持器>div{
位置：相对位置；
顶部：-20px；
}
页脚。居中。页脚导航。页脚链接保持器。页脚链接{
保证金：0；
填充：0；
列表样式：无；
/*-webkit过渡：最大高度0.5s；
过渡：最大高度0.5s*/
}
页脚.img条{
位置：相对位置；
文本对齐：居中；
利润率：20px0；
}
页脚.图像条分区{
显示：内联块；
}
页脚.img条div img{
高度：40px；
填充：10px；
利润率：0.10px；
}
页脚。底部栏{
位置：相对位置；
文本对齐：居中；
字体大小：10px；
背景：#000；
填充：15px0；
}
/*响应性平板电脑尺寸*/
@仅介质屏幕和（最大宽度：749px）{
页脚。居中{
柔性包装：包装；
}
页脚。居中。页脚徽标{
最大宽度：250px；
宽度：50%；
}
页脚。居中。页脚联系人{
宽度：50%；
填充：0 20px；
}
页脚.居中.页脚导航{
宽度：100%；
}
页脚。居中。页脚导航。页脚链接保持器{
填充：0 20px；
}
}
/*反应灵敏的手机尺寸*/
@仅介质屏幕和（最大宽度：500px）{
页脚。居中。页脚徽标{
宽度：100%；
保证金：0自动；
}
页脚。居中。页脚联系人{
宽度：100%；
}
页脚。居中。页脚导航。页脚链接保持器{
宽度：100%；
填充：0；
}
页脚。居中。页脚导航。页脚链接保持器h3{
保证金：0；
填充：10px 20px；
边框顶部：#000 1px实心；
光标：指针；
/*向下箭头*/
}
footer.centered.footer导航。页脚链接保持器h3:：after{
浮动：对；
右边距：10px；
内容：“；
显示：内联块；
垂直对齐：中间对齐；
边缘顶部：7px；
宽度：7px；
高度：7px；
边框顶部：2个实心#fff；
右边框：2px实心#fff；
-moz变换：旋转（135度）；
-ms变换：旋转（135度）；
-webkit变换：旋转（135度）；
变换：旋转（135度）；
-webkit转型：转型0.5s；
转变：转变0.5s；
}
页脚。居中。页脚导航。页脚链接保持器。页脚链接{
最大高度：0；
溢出：隐藏；
填充：0 20px；
}
footer.centered.footer导航.footer-links-holder.active h3:：after{
-moz变换：旋转（-45度）；
-ms变换：旋转（-45度）；
-webkit变换：旋转（-45度）；
变换：旋转（-45度）；
}
footer.centered.footer导航.footer-links-holder.active.footer链接{
最大高度：10000px；
}
}
/*社会偶像*/
.社会h3{
垫底：10px；
}
.社会{
显示：内联块；
填充：7px；
宽度：35px；
高度：35px；
边际：0.2px；
背景：#fff；
边界半径：50%；
垂直对齐：中间对齐；
}
.a:悬停{
背景:#65c2ed ;；
}
社交网站{
填充：4px；
}
.社会的一张脸，
.social a svg.twit，
.social.a svg.link{
填写：#000；
}
/*印刷术*/
页脚h3{
字体重量：较轻；
页边距底部：0；
}
页脚p，
页脚李{
字体大小：400；
字母间距：0.05em；
利润率：10px0；
}
页脚a{
颜色：rgba（255，255，255，0.5）；
字体大小：10px；
文字装饰：无；
-webkit过渡：颜色0.5s，背景0.5s；
过渡：颜色0.5s，背景0.5s；
}
页脚a：悬停{
颜色：65c2ed；
}
/*杂项CSS*/
.clearfix:之前，
.clearfix:之后{
内容：“；
显示：块；
溢出：隐藏；
可见性：隐藏；
宽度：0；
身高：0；
明确：两者皆有；
}
身体{
保证金：0；
}
* {
-moz框大小：边框框；
-webkit框大小：边框框；
框大小：边框框；
}
/*#sourceMappingURL=styles.css.map*/

第一节






第二节






第三节






联系
|  | 
在删除所有活动类之前，请尝试存储已单击元素的当前活动状态

例如：

$(function() {
  $('.footer-links-holder').click(function() {
    const thisIsActive = $(this).hasClass('active');
    $('.footer-links-holder.active').removeClass('active');

    if (!thisIsActive) {
      $(this).toggleClass('active');
    }
  });
});