我有一個可以伸縮的手風琴。該手風琴還具有用于表示手風琴何時使用 +/- 展開或折疊的圖標。問題是,假設我展開第 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"; } } });}
展開和折疊手風琴時,圖標不會相應地切換
素胚勾勒不出你
2021-10-14 10:15:02