如何修复我的代码添加折叠所有div到Vanilla JS Accordion？

<div class="accordion">
  <div class="accordion-item">
    <div class="accordion-header">标题1</div>
    <div class="accordion-content">内容1</div>
  </div>
  <div class="accordion-item">
    <div class="accordion-header">标题2</div>
    <div class="accordion-content">内容2</div>
  </div>
  ...
</div>

var accordionItems = document.querySelectorAll('.accordion-item');

accordionItems.forEach(function(item) {
  var header = item.querySelector('.accordion-header');
  var content = item.querySelector('.accordion-content');

  header.addEventListener('click', function() {
    // 切换折叠状态
    item.classList.toggle('active');
    content.classList.toggle('show');
  });
});

.accordion-item .accordion-content {
  display: none;
}

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