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

<div class="accordion" id="accordion1">
  <div class="accordion-item">
    <h2 class="accordion-header" id="heading1">
      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
        手风琴1
      </button>
    </h2>
    <div id="collapse1" class="accordion-collapse collapse show" aria-labelledby="heading1" data-bs-parent="#accordion1">
      <div class="accordion-body">
        手风琴1的内容
      </div>
    </div>
  </div>
  <div class="accordion-item">
    <h2 class="accordion-header" id="heading2">
      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
        手风琴2
      </button>
    </h2>
    <div id="collapse2" class="accordion-collapse collapse" aria-labelledby="heading2" data-bs-parent="#accordion1">
      <div class="accordion-body">
        手风琴2的内容
      </div>
    </div>
  </div>
</div>

// 获取所有手风琴元素
const accordions = document.querySelectorAll('.accordion-item');

// 为每个手风琴添加点击事件处理程序
accordions.forEach(accordion => {
  const button = accordion.querySelector('.accordion-button');
  
  button.addEventListener('click', () => {
    // 判断当前手风琴是否已经展开
    const isExpanded = accordion.classList.contains('show');
    
    // 关闭当前打开的手风琴
    accordions.forEach(item => {
      item.classList.remove('show');
    });
    
    // 如果当前手风琴未展开，则打开被点击的手风琴
    if (!isExpanded) {
      accordion.classList.add('show');
    }
  });
});