<details>

Experimental: Esta es una tecnología experimental
Comprueba la Tabla de compabilidad de navegadores cuidadosamente antes de usarla en producción.

Resumen

El elemento HTML Details <details> es usado como un widget de revelación a través del cual el usuario puede obtener información adicional .

Categorías de contenido Contenido dinámico , contenido de seccionamiento, contenido interactivo, contenido palpable .
Contenido permitido Un elemento  <summary> (en-US)  seguido de contenido dinámico 
Omisión de etiquetas None, both the starting and ending tag are mandatory.
Elementos padres permitidos Cualquier elemento que acepte  contenido dinámico.
Interfaz DOM HTMLDetailsElement (en-US)

Atributos

Este elemento incluye los atributos globales .

open
Este atributo Booleano indica si los detalles serán mostrados al usuario cuando la página se cargue . Por default el valor es false y por lo tanto los detalles estarán ocultos.

Ejemplo

<details>
  <summary>Some details</summary>
  <p>More info about the details.</p>
</details>

Resultado

Nota: Si el el ejemplo de arriba no funciona , ver Compatibilidad con navegadores  para determinar si el navegador soporta esta característica .

Especificaciones

Compatibilidad con navegadores

BCD tables only load in the browser

Ver también