Javascript:单击一个 Accordion 时关闭所有 Accordion ？

Question

我基本上试图关闭所有 Accordion ，只打开其中一个被单击的 Accordion 。

因此，短期内只打开一个选项卡。

这是我到目前为止所拥有的:

https://jsfiddle.net/gymzfg9r/2/

这是 JavaScript:

var acc = document.getElementsByClassName("accordion");
var i;

for (i = 0; i < acc.length; i++) {
    acc[i].onclick = function(){
        this.classList.toggle("active");
        this.nextElementSibling.classList.toggle("show");
  }
}

有人可以就此提出建议吗？

Answer 1

为其他亲密的人插入代码:

  this.classList.toggle("active");

  var arr = document.getElementsByClassName("show");
  for (j = 0; j < arr.length; j++) {
      if(this.nextElementSibling != arr[j])
         arr[j].classList.toggle("show");
  }


  this.nextElementSibling.classList.toggle("show");