Accordion 2: Sæt name på details-elementerne

Opgavebeskrivelse

Tilføj name-attributten på details-elementerne, så kun én sektion kan være åben ad gangen.

<section class="faq-section">
  <h2>FAQ</h2>
  
  <details open>
    <summary>Fold mig ud 1</summary>
    <div class="content">
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam nobis recusandae saepe, fugiat officia impedit assumenda ipsa repudiandae odio ducimus laboriosam, laudantium distinctio illo voluptatem tenetur beatae quo!</p>
    </div>
  </details>

  <details>
    <summary>Fold mig ud 2</summary>
    <div class="content">
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet doloremque quaerat ipsa voluptates temporibus a quibusdam facilis?</p>
    </div>
  </details>
</section>
Preview

Hints

<!-- ... -->
<details name="accordion" open>
  <summary>Fold mig ud 1</summary>
  <!-- ... -->
</details>
<details name="accordion">
  <summary>Fold mig ud 2</summary>
  <!-- ... -->
</details>
<!-- ... -->

FAQ

Fold mig ud 1

Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam nobis recusandae saepe, fugiat officia impedit assumenda ipsa repudiandae odio ducimus laboriosam, laudantium distinctio illo voluptatem tenetur beatae quo!

Fold mig ud 2

Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet doloremque quaerat ipsa voluptates temporibus a quibusdam facilis?