无法添加第二个切换类

Question

我想将切换类添加到li和div这两个元素中，但是我只能在div上使用它

${Y}

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

for (i = 0; i < acc.length; i++) {
  acc[i].addEventListener("click", function() {
    this.classList.toggle("active");
    list.classList.toggle("active");
    var panel = this.nextElementSibling;

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

我似乎无法同时进入li班级列表和div手风琴以同时切换到活动状态，我在哪里出错了？对javascript而言，不是很熟练

Answer 1

使用this.parentNode.classList.toggle("active");代替list.classList.toggle("active");

https://jsfiddle.net/nimittshah/t5ubLj40/