Javascript 我如何打开一个div而其他所有div都关闭？

我正在做一个项目，面临一个问题。问题是我有8个div元素，它们都是隐藏的。当我单击一个按钮时，特定的div被打开。但我想在一个分区已经打开时关闭所有其他分区

我的代码如下所示

btn.onclick=函数（）{
if（this.classList.contains（'slide'））{
number=this.getAttribute（'data-num'）；
这个.classList.remove（'slide'）；
//设置内部html
showVideo（this.getAttribute（'data-state'），编号）；
this.setAttribute（'data-state'，'on'）；
按钮[number]。最近的（'.chapter card'）。类列表。删除（'yu'）；
}否则{
number=this.getAttribute（'data-num'）；
this.classList.toggle（'slide'）；
showVideo（this.getAttribute（'data-state'），编号）；
this.setAttribute（'data-state'，'off'）；
按钮[number]。最近的（'.chapter card'）。类列表。切换（'yu'）；
}
};
});

第六章：名称
2.
我想yu是你的班级决定它是否可见

因此，在关闭右键之前，您可以执行以下操作：

// Get all yu elements
var allElements = Array.from(document.querySelector('.yu'));

// Loop allElements

for (var i = 0; i < allElements.length; i++){
 // Remove the class
 allElements[i].classList.remove('yu');
}

//获取所有元素
var-allegements=Array.from（document.querySelector（'.yu'））；
//环等位基因
对于（var i=0；i

所以你把它们都隐藏起来，然后再添加一个。
我想yu是你的职业，决定它是否可见

因此，在关闭右键之前，您可以执行以下操作：

// Get all yu elements
var allElements = Array.from(document.querySelector('.yu'));

// Loop allElements

for (var i = 0; i < allElements.length; i++){
 // Remove the class
 allElements[i].classList.remove('yu');
}

//获取所有元素
var-allegements=Array.from（document.querySelector（'.yu'））；
//环等位基因
对于（var i=0；i

如果使用jQuery是一个选项：
$（this）.addClass（“on”）.sibles（）.removeClass（“on”）
，那么我发现最简单的方法就是在函数的开头隐藏所有div，不管用户想看什么。如果使用jQuery是一个选项：
$（this）.addClass（“on”）.sibles（）.removeClass（“on”）
，那么作业完成我发现最简单的方法是在函数的开头隐藏所有div，不管用户试图查看什么。然后，只显示用户试图访问的div.Nope。这是为了动画，那么告诉我该上哪门课？做个有建设性的人，我们只是想帮你看。当我单击toggle button类时，一个slide类被添加到toggle button中，该类将从其初始位置滑动toggle按钮。还有，当它有幻灯片类时，它会在带有视频类的部分插入html。我想实现的是，当任何切换按钮具有类slide时，其他切换按钮则具有类slideNope。这是为了动画，那么告诉我该上哪门课？做个有建设性的人，我们只是想帮你看。当我单击toggle button类时，一个slide类被添加到toggle button中，该类将从其初始位置滑动toggle按钮。还有，当它有幻灯片类时，它会在带有视频类的部分插入html。我想实现的是，当任何切换按钮具有类幻灯片时，其他切换按钮则具有类幻灯片