使vanilla JS accordion自动关闭上一节

// 获取所有的节元素
const sections = document.querySelectorAll('.accordion-section');

// 为每个节添加点击事件监听器
sections.forEach(section => {
  section.addEventListener('click', () => {
    // 检查当前节的展开状态
    const isOpen = section.classList.contains('active');

    // 关闭其他已展开的节
    sections.forEach(s => {
      if (s !== section && s.classList.contains('active')) {
        s.classList.remove('active');
        s.querySelector('.accordion-content').style.display = 'none';
      }
    });

    // 根据展开状态展开或关闭当前节
    if (isOpen) {
      section.classList.remove('active');
      section.querySelector('.accordion-content').style.display = 'none';
    } else {
      section.classList.add('active');
      section.querySelector('.accordion-content').style.display = 'block';
    }
  });
});