Tag details HTML 5

O elemento Detalhes do HTML ( 

) cria um widget de divulgação no qual as informações são visíveis apenas quando o widget é alternado para um estado "aberto". Um resumo ou rótulo pode ser fornecido usando o 

elemento.

Um widget de divulgação é normalmente apresentado na tela usando um pequeno triângulo que gira (ou torce) para indicar o status aberto / fechado, com um rótulo ao lado do triângulo. Se o primeiro filho do 

elemento for a 

, o conteúdo do 

elemento será usado como rótulo para o widget de divulgação.

Para maiores informações veja o link abaixo, ele é bem útil para fazer um menu dropdown sem javascript envolvidos.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details