Javascript 第一个手风琴总是在手机中打开

我要在移动视图中关闭所有手风琴。当前，第一个始终在移动视图中打开。在桌面上，手风琴位于选项卡中。第一个选项卡的内容应始终显示在移动视图中。这也是它当前的显示方式。但我希望所有手风琴都能在手机版中关闭。有人能帮我重写一下只有手机版才关闭所有手风琴的脚本吗

非常感谢

标题
*，*：：之前，*：：之后{
框大小：边框框；
}
代码{
字体系列：Consoleas、摩纳哥、monospace；
线高：1.75；
背景色：rgba（255、255、255、0.15）；
填充：6px 8px 2px；
边界半径：4px；
不透明度：0.65；
}
.选项卡选项卡列表{
显示器：flex；
列表样式：无；
保证金：0；
填充：0；
}
.tabs选项卡列表li{
保证金：0；
}
.标签触发{
边框底部：无；
颜色：#505052；
显示：无；
字体大小：正常；
利润率：0.5px 0.1px；
填充：15px 20px；
文字装饰：无；
}
.tabs触发器：悬停{
边框底部：无；
颜色：#888；
文字装饰：无；
}
.tabs-trigger.is-selected，.tabs-trigger.is-selected:hover，.tabs-trigger.is-selected:focus{
颜色：#505052；
边框底部：2个实心#75b823；
字体大小：粗体；
}
.tabs触发器：活动{
大纲：无；
}
.选项卡面板{
显示：块；
保证金：0；
填充：0；
}
.选项卡面板：非（：类型的第一个）{
边框顶部：2个实心#eee；
}
.选项卡面板：非（：最后一个子项）{
边框底部：1px实心#eee；
}
.选项卡面板：非（：最后一个子项）{
边框底部：无；
}
.选项卡面板.内容{
}
.tabs-panel.is-hidden.content{
显示：无；
}
.tabs面板：活动，.tabs面板：焦点{
大纲：无；
}
.is-initialized.tabs-allowed.tabs面板{
显示：继承；
}
.手风琴触发器{
显示器：flex；
对齐项目：居中；
证明内容：之间的空间；
光标：指针；
填充：15px 20px；
}
.手风琴触发图标{
指针事件：无；
}
@介质（最小宽度：40em）{
.允许使用制表符。一致触发器{
显示：无；
}
.允许使用制表符。制表符触发器{
显示：块；
}
.允许使用选项卡。选项卡面板{
显示：无；
}
.tabs允许。tabs-panel.is-hidden{
显示：无；
}
.允许使用选项卡。选项卡面板{
边框顶部：2个实心#eee；
}
.tabs允许。tabs选项卡列表{
边缘底部：-2px；
}
}
.手风琴触发图标{
显示：内联块；
浮动：对；
宽度：22px；
高度：22px；
}
.accordeon触发器图标svg{
保证金：0；
}
[aria expanded=“true”].vert{
显示：无；
}
.label--打开，.label--关闭{
显示：块；
边界：0；
剪辑：rect（0）；
高度：1px；
保证金：-1px；
溢出：隐藏；
填充：0；
位置：绝对位置；
宽度：1px；
}
.标签--关闭{
显示：无；
}
.已打开。标签--打开{
显示：无；
}
.打开。标签--关闭{
显示：块；
}






第一节
开闭
内容
第二节
开闭
内容
第三节
开闭
内容
第四节
开闭
内容
（功能（）{
"严格使用",；
功能对应选项卡（el，选项）{
如果（！el）{
返回；
}
this.el=el；
this.tabTriggers=this.el.getElementsByClassName（'js-tabs-trigger'）；
this.tabPanels=this.el.getElementsByClassName（'js-tabs-panel'）；
this.accordeonTriggers=this.el.getElementsByClassName（'js-accordeon-trigger'）；
this.options=this.\u扩展({
断点：640，
塔布：是的，
已选择选项卡：0，
startCollapsed：是的，
}，选项）；
if（el.getAttribute（'data-tabs-allowed'））