Как добавить сворачивание пунктам меню?

Question

[mdmortis]

Есть меню работающее по коду:

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

for (i = 0; i < acc.length; i++) {
  acc[i].addEventListener("click", function() {
    this.classList.toggle("active");
    var panel = this.nextElementSibling;
    if (panel.style.maxHeight){
      panel.style.maxHeight = null;
    } else {
      panel.style.maxHeight = panel.scrollHeight + "px";
    } 
  });
}

Нужно что бы при открытии одного пункта второй закрывался. Подскажите как?

Comments

[scottparker]

вначале самом обработчика,,у всех пунктов меню удали класс active

[mdmortis]

scottparker, У пунктов меню нет класса active

[szQocks]

при нажатии проверяешь если есть класс актив - убираешь его через тоггл , если нету то убираешь у всех остальных элементов класс актив а после этого вешаешь класс актив на этот элемент по которому был клик

[scottparker]

mdmortis, смысле нету? а это?
this.classList.toggle("active");