追踪当前扩展的According并将其限制为单个。

可以通过给每个According元素添加一个唯一的ID，并追踪当前活动的According元素来实现限制。以下是示例代码：

HTML代码：

<div class="accordion">
  <div id="section1" class="accordion-section">
    <h2 class="accordion-title">Section 1</h2>
    <div class="accordion-content">Content for section 1</div>
  </div>
  <div id="section2" class="accordion-section">
    <h2 class="accordion-title">Section 2</h2>
    <div class="accordion-content">Content for section 2</div>
  </div>
  <div id="section3" class="accordion-section">
    <h2 class="accordion-title">Section 3</h2>
    <div class="accordion-content">Content for section 3</div>
  </div>
</div>

JavaScript代码：

var accordion = document.querySelector(".accordion");
var accordions = accordion.querySelectorAll(".accordion-section");

// 追踪当前活动的According元素
var activeAccordion = null;

// 给每个According元素添加点击事件
for (var i = 0; i < accordions.length; i++) {
  accordions[i].addEventListener("click", function() {
    // 获取According元素的ID
    var id = this.getAttribute("id");

    // 检查当前活动的According元素是否与点击的元素相同
    if (activeAccordion !== null && activeAccordion.getAttribute("id") === id) {
      // 如果相同，将活动元素设为null，从而关闭当前活动的According元素
      activeAccordion.classList.toggle("accordion-active");
      activeAccordion = null;
    } else {
      // 如果不同，先关闭当前活动的According元素，再将活动元素设为当前点击的元素
      if (activeAccordion !== null) {
        activeAccordion.classList.toggle("accordion-active");
      }
      this.classList.toggle("accordion-active");
      activeAccordion = this;
    }
  });
}

注解：

这段代码首先获取包