打开手风琴时如何自动关闭另一个手风琴？

<div class="accordion">
  <div class="accordion-item">
    <div class="accordion-header" onclick="toggleAccordion(1)">手风琴1</div>
    <div class="accordion-content">手风琴1的内容</div>
  </div>
  <div class="accordion-item">
    <div class="accordion-header" onclick="toggleAccordion(2)">手风琴2</div>
    <div class="accordion-content">手风琴2的内容</div>
  </div>
</div>

function toggleAccordion(index) {
  var accordionItems = document.getElementsByClassName("accordion-item");
  
  // 判断当前手风琴元素是否已经处于打开状态
  var isOpen = accordionItems[index - 1].classList.contains("active");
  
  // 关闭其他所有手风琴元素
  for (var i = 0; i < accordionItems.length; i++) {
    accordionItems[i].classList.remove("active");
  }
  
  // 如果当前手风琴元素已经处于打开状态，则关闭它
  if (isOpen) {
    accordionItems[index - 1].classList.remove("active");
  } else {
    // 否则，将当前手风琴元素打开
    accordionItems[index - 1].classList.add("active");
  }
}

.accordion-item {
  margin-bottom: 10px;
}

.accordion-header {
  cursor: pointer;
  background-color: #eee;
  padding: 10px;
}

.accordion-content {
  display: none;
  padding: 10px;
}

.accordion-item.active .accordion-content {
  display: block;
}