El elemento #html "details" es usado como un widget de revelación, a través del cual el usuario puede obtener información adicional; en este caso desplegar el menú.
El elemento #html "summary" especifica un resumen, un título o una leyenda para el cuadro de información de un elemento (o menú). Al hacer clic en el elemento, su estado cambia entre abierto y cerrado.