HTML 30-day challenge - Día 6

Crea un grupo de secciones (acordeón) donde se despliegue sólo uno a la vez.

HTML

  
    <details open name="dia-6">
      <summary>Ejemplo 1</summary>
      <h2>Lorem ipsum</h2>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
    </details>
    <details name="dia-6">
      <summary>Ejemplo 2</summary>
      <h2>Lorem ipsum</h2>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
    </details>
    <details name="dia-6">
      <summary>Ejemplo 3</summary>
      <h2>Lorem ipsum</h2>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
    </details>
    <details name="dia-6">
      <summary>Ejemplo 4</summary>
      <h2>Lorem ipsum</h2>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
    </details>
Día 5 Día 7
Ejemplo 1

Lorem ipsum

Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit totam quidem quod assumenda, officiis inventore, quam aliquam voluptates dolorem recusandae, adipisci sed doloremque minus alias iste iusto voluptatibus animi. Dolorem.

Ejemplo 2

Lorem ipsum

Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit totam quidem quod assumenda, officiis inventore, quam aliquam voluptates dolorem recusandae, adipisci sed doloremque minus alias iste iusto voluptatibus animi. Dolorem.

Ejemplo 3

Lorem ipsum

Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit totam quidem quod assumenda, officiis inventore, quam aliquam voluptates dolorem recusandae, adipisci sed doloremque minus alias iste iusto voluptatibus animi. Dolorem.

Ejemplo 4

Lorem ipsum

Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit totam quidem quod assumenda, officiis inventore, quam aliquam voluptates dolorem recusandae, adipisci sed doloremque minus alias iste iusto voluptatibus animi. Dolorem.