純粋なJavascriptを使用して別のボタンをクリックしたときにクラスからボタンを削除する方法

Question

これを動作させるのが難しいです。

私はレスポンシブタブ/アコーディオンを持っています。しかし、1つのボタンをクリックすると、クラス「アクティブ」が適用されますが、別のボタンをクリックすると、「アクティブ」クラスは前のボタンに残ります。私はjQueryではなくJavascriptを使用してこれを達成する必要があります。

"Uncaught 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.removeClass("active");