Javascript 在隐藏所有其他元素的同时按按钮显示元素

Javascript 在隐藏所有其他元素的同时按按钮显示元素,javascript,css,Javascript,Css,我有5个按钮,我想显示每个按钮只有一个特定的部分,而隐藏所有其他部分。我有一个id和类属性的不同元素 按钮的代码为: document.getElementById('ID-name').classList.toggle('CLASS-name'); 我必须先使用一个代码来关闭所有其他部分。简单回答:先关闭所有部分,然后打开目标部分。假设您的“节”具有IDID-name1-5,并且open是您打开的节的CSS类,当缺少时,节将关闭: 函数openSection(sectionID){ ['ID

我有5个按钮,我想显示每个按钮只有一个特定的部分,而隐藏所有其他部分。我有一个id和类属性的不同元素

按钮的代码为:

document.getElementById('ID-name').classList.toggle('CLASS-name');

我必须先使用一个代码来关闭所有其他部分。

简单回答:先关闭所有部分,然后打开目标部分。假设您的“节”具有ID
ID-name1-5
,并且
open
是您打开的节的CSS类,当缺少时,节将关闭:

函数openSection(sectionID){
['ID-name-1','ID-name-2','ID-name-3','ID-name-4','ID-name-5'].forEach->document.getElementById.classList.remove('open'))
document.getElementById(sectionID).classList.add('open'))
}

欢迎来到堆栈溢出。请学习如何使用堆栈溢出,并阅读或如何提高问题的质量。然后编辑你的问题,把你的全部源代码都包括进来,其他人可以编译和测试这些源代码。目前你没有问任何问题。请发布你用于这些部分的CSS(为了显示/隐藏它们)。没有工作,或者我做错了什么<代码>函数openSection(bestellungja){['bestellungja','bestellungnein','ErstregistereungJA','ErstregistereungNein','arzteja'].forEach(s->document.getElementById.classList.remove('bestellung-ja'))document.getElementById(bestellungja.).classList.add('bestellung-ja'))}具有sectionID的版本也不起作用。。。。sry,我是一个真正的noob@user244972请提供更多上下文/张贴您使用的CSS(s.a.)