Javascript 使用切换关闭单独div上的所有其他活动类

我有一个小问题，让切换以粒子的方式工作，因为我知道它不能用切换来完成，这就是为什么我在这里写，看看是否有人可以告诉我最好的方法。现在我有3个div，它们都有onclick事件，每个都有一个toggle css类。我试图实现的是，当一个被点击时，如果其他人处于活动状态，他们将返回到上一个类

函数或单击（单击\u id）{
变量id=（单击了\u id）；
document.getElementById（id.classList.toggle（'org\u container\u active'）；
}

.org\u容器{
宽度：20%；
左缘：6.25%；
右边距：6.25%；
边缘顶部：15px；
边框：2个实心#e1dfe1；
边界半径：15px；
显示：内联块；
}
.org\u容器\u活动{
宽度：20%；
左缘：6.25%；
右边距：6.25%；
边缘顶部：15px；
边框：2px实心#2bbe43；
边界半径：15px；
显示：内联块；
}
.org\u名称{
背景色：#f5f0f5；
边框底部：2个实心#e1dfe1；
边框左上半径：15px；
边框右上角半径：15px；
文本对齐：居中；
字体大小：粗体；
垫面：5px；
垫底：5px；
}
.org_标志{
填充顶部：10px；
保证金：自动；
宽度：100px；
}
.org_信息{
填充：5px 10px 10px 5px；
}

组织1


组织2


组织3

document.queryselectoral（）允许您搜索与CSS选择器匹配的所有元素。您可以使用它停用所有活动容器：

for (let div of document.querySelectorAll('.org_container_active')) {
    div.classList.remove('org_container_active');
}

---

我该如何使用它，以防止被单击的div也被延迟，当然，被单击的div我希望它是活动的。对要设置为活动的div使用

classList.add（）

，而不是

classList.toggle（）

。您可能想在这里查看完整的文档：是否有一种方法可以简单地使用其id排除元素，因为我可以使用

（this.id）

来确定哪些元素已被单击，如果（div==this）继续，您可以添加

在我在回答中写的循环中跳过单击的div。