隐藏其他所有元素时显示元素按下按钮

Question

我有5个按钮，并且每个按钮只显示一个特定的部分，而隐藏所有其他部分。我具有id和class属性的不同元素。

该按钮的代码为：

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

必须有一个我可以首先使用的代码，它可以关闭所有其他部分。

Answer 1

简单答案：首先关闭所有部分，然后打开目标部分。假设您的“部分”具有ID ID-name1-5，并且open是您打开的部分的CSS类，并且丢失时这些部分将关闭：

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