<details>

Um bloco que abre e fecha sem uma linha de JavaScript.

O primeiro filho é o <summary>, que vira o gatilho; o resto do conteúdo aparece quando o atributo open está presente. O navegador cuida do clique, do teclado, do foco e do estado. Em navegadores baseados no Chromium, a busca da própria página consegue abrir um <details> fechado para mostrar o que encontrou.

O atributo name transforma vários <details> irmãos num acordeão de abertura única — comportamento que exigia script até anteontem.

<details name="gaveta">
  <summary>Etiqueta e raridade</summary>
  <p>Formulários · esquecido</p>
</details>

<details name="gaveta">
  <summary>Atributos notáveis</summary>
  <p>value, min, max, low, high, optimum</p>
</details>

{esc(legenda)}

Etiqueta e raridade

Interativos · comum

Atributos notáveis

open e name

Onde foi coletado

HTML Living Standard, entre os elementos interativos.

Espécime vivo · abrir um fecha o outro, porque os três dividem o mesmo name