使用純Javascript單擊另一個按鈕時如何從按鈕中刪除類

Question

我很難使它正常工作。

我有一個響應式的標簽/手風琴。 但是，當單擊一個按鈕時，將應用“活動”類，但在單擊另一按鈕時，“活動”類仍保留在前一個按鈕上。 我必須使用Javascript而非jQuery來實現。

我收到錯誤“未捕獲的TypeError：無法讀取HTMLButtonElement上未定義的屬性'remove'”。

這是我目前的代碼：

var accordion = document.getElementsByClassName("accordion");
var activeAccordion = document.getElementsByTagName("button");
var i;

for (i = 0; i < accordion.length; i++) {

  accordion[i].addEventListener("click", function(){

    this.classList.toggle("active");
    activeAccordion.classList.remove("active");

    var panel = this.nextElementSibling;
     if (panel.style.maxHeight){
      panel.style.maxHeight = null;
    } else {
      panel.style.maxHeight = panel.scrollHeight + "px";
    } 
  }) 
}

Answer 1

取代這個

activeAccordion.classList.remove("active");

通過

activeAccordion.classList.removeClass("active");