JavaScript用于在折叠图标展开和折叠时切换图标

<span id="collapse-icon">+</span>

var icon = document.getElementById("collapse-icon");
icon.addEventListener("click", toggleCollapse);

function toggleCollapse() {
  if (icon.classList.contains("collapsed")) {
    icon.classList.remove("collapsed");
    icon.textContent = "-";
    // 执行展开操作
  } else {
    icon.classList.add("collapsed");
    icon.textContent = "+";
    // 执行折叠操作
  }
}

function toggleCollapse() {
  if (icon.classList.contains("collapsed")) {
    icon.classList.remove("collapsed");
    icon.textContent = "-";
    // 展开折叠内容
    document.getElementById("collapse-content").style.display = "block";
  } else {
    icon.classList.add("collapsed");
    icon.textContent = "+";
    // 折叠内容
    document.getElementById("collapse-content").style.display = "none";
  }
}