Javascript - Accordion：如何在任何给定时间只让一个项目打开

Question

我想编写一个脚本，允许只有一个项在任何给定时间打开，迫使其他成为关闭

我该怎么做？

这是我的出发点：

ExecutorService

Answer 1

在Framework7中，手风琴列表总是只有一个打开，另一个接近。

Accordion Docs

<!-- List View -->
<div class="content-block-title">List View Accordion</div>
      <!-- add "accordion-list" class -->
<div class="list-block accordion-list"> 
  <ul>
    <li class="accordion-item"><a href="#" class="item-content item-link">
        <div class="item-inner">
          <div class="item-title">Item 1</div>
        </div></a>
      <div class="accordion-item-content">
        <div class="content-block">
          <p>Item 1 content. Lorem ipsum dolor sit amet...</p>
        </div>
      </div>
    </li>
    <li class="accordion-item"><a href="#" class="item-content item-link">
        <div class="item-inner">
          <div class="item-title">Item 2</div>
        </div></a>
      <div class="accordion-item-content">
        <div class="content-block">
          <p>Item 2 content. Lorem ipsum dolor sit amet...</p>
        </div>
      </div>
    </li>
    ...
  </ul>
</div>