BaselineLab

Playground de details en HTML

Explora details con controles para editar cada summary y contenido, añadir nuevos bloques y probar el atributo name para crear acordeones exclusivos sin JavaScript.

Primer details

El elemento details permite mostrar u ocultar contenido adicional de forma nativa.

Segundo details

El elemento summary define el texto visible que activa cada bloque desplegable.

HTML 
<details dir="ltr">
  <summary>Primer details</summary>
  <p>El elemento details permite mostrar u ocultar contenido adicional de forma nativa.</p>
</details>

<details dir="ltr">
  <summary>Segundo details</summary>
  <p>El elemento summary define el texto visible que activa cada bloque desplegable.</p>
</details>