展开和折叠手风琴时，图标不会相应地切换

Question

我有一个可以伸缩的手风琴。该手风琴还具有用于表示手风琴何时使用 +/- 展开或折叠的图标。问题是，假设我展开第 1 项，然后展开第 2 项。第 1 项折叠得很好，但图标仍然是减号，但它应该是加号，因为它已折叠。所以问题是，它没有正确切换。这是代码：https : //jsfiddle.net/y35rbzsd/var coll = document.getElementsByClassName("accordion-toggle");for (var i = 0; i < coll.length; i++) {  coll[i].addEventListener("click", function(evnt) {    const currClassList = evnt.target.classList;    if (currClassList.contains('collapsed')) {        evnt.target.classList.remove("collapsed");        evnt.target.querySelector('.fa').classList.remove("fa-minus");        evnt.target.querySelector('.fa').classList.add("fa-plus");        var content = evnt.target.nextElementSibling;        content.style.maxHeight = null;    } else {      for (var j = 0; j < coll.length; j++) {           coll[j].classList.remove("collapsed")           coll[j].nextElementSibling.style.maxHeight = null;      }      this.classList.toggle("collapsed");              evnt.target.querySelector('.fa').classList.remove("fa-plus");        evnt.target.querySelector('.fa').classList.add("fa-minus");      var content = this.nextElementSibling;      if (content.style.maxHeight){        content.style.maxHeight = null;      } else {        content.style.maxHeight = content.scrollHeight + "px";      }    }  });}