如何使用按钮启动手风琴更改(-，+)符号？

<div class="accordion">
  <button class="accordion-btn">+</button>
  <div class="accordion-content">
    <!-- 手风琴内容 -->
  </div>
</div>

/* 按钮样式 */
.accordion-btn {
  background: none;
  border: none;
  cursor: pointer;
}

/* 手风琴内容样式 */
.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease;
}

/* 按钮点击展开手风琴内容 */
.accordion.active .accordion-content {
  max-height: 1000px; /* 设置足够大的值，以展开手风琴内容 */
}

/* 更改按钮符号 */
.accordion.active .accordion-btn {
  transform: rotate(45deg);
}

// 获取按钮元素
const accordionBtn = document.querySelector('.accordion-btn');

// 为按钮添加点击事件
accordionBtn.addEventListener('click', function() {
  // 切换 active 类名，控制手风琴内容的展开和折叠
  this.parentNode.classList.toggle('active');
});