<details> → <summary>

<details>: esse elemento exibe detalhes, o mesmo tem seu conteúdo oculto em exeção ao elemento interno summary.

<summary>: exibe o resumo do elemento details, details se abre assim que o usuário clicar em summary.

Fusce possimus

Quo numquam sociosqu enim ab torquent ex ipsa augue. Etiam, turpis commodi fames natus maiores, molestiae quas felis, leo, iure.

Amet scelerisque! Et, blanditiis? Possimus doloribus! Feugiat nostrud curabitur? Nonummy saepe distinctio urna voluptatum elementum? Inventore curae corrupti odio recusandae expedita laboriosam orci ab nam? Fermentum mi exercitation dolor cillum, accusantium.

<details>
    <summary>Fusce possimus</summary>
    <p>...</p>
    <p>...</p>
</details>
Adicione o atributo open para que o conteúdo de details fique visível
Repellat veritatis

Recusandae corrupti? Scelerisque, mauris scelerisque sociis. Sociosqu amet donec quo wisi reiciendis. Odio at integer officiis imperdiet facilisi blanditiis qui, cum rhoncus curabitur porro numquam. Parturient ipsum cubilia, dictum.

Fusce possimus

Quo numquam sociosqu enim ab torquent ex ipsa augue. Etiam, turpis commodi fames natus maiores, molestiae quas felis, leo, iure.

Amet scelerisque! Et, blanditiis? Possimus doloribus! Feugiat nostrud curabitur? Nonummy saepe distinctio urna voluptatum elementum? Inventore curae corrupti odio recusandae expedita laboriosam orci ab nam? Fermentum mi exercitation dolor cillum, accusantium.

Laboris optio bibendum

Totam fuga per laboris excepteur at mattis fugit! Voluptatum? At urna vestibulum, laboriosam gravida optio necessitatibus fugiat ultricies? Sed molestiae ipsum fuga eu mollit? Iure mattis voluptatibus porta praesentium amet.

<details open>
    <summary>Repellat veritatis</summary>
    <p>...</p>
    <p>...</p>
</details>
<details>
    <summary>Fusce possimus</summary>
    <p>...</p>
    <p>...</p>
</details>
<details>
    <summary>Laboris optio bibendum</summary>
    <p>...</p>
    <p>...</p>
</details>

details {
    margin: 0.25rem auto;
    padding: 0.5rem 0.5rem 0;
    border: 1px solid var(--color);
    border-radius: 4px;
}
summary {
    margin: -0.5rem -0.5rem 0;
    padding: 0.5rem;
    font-size: 1.25rem;
    font-weight: 600;
}
details[open] {
    padding: 0.5rem;
}
details[open] summary {
    margin-bottom: 0.5rem;
    border-bottom: 1px solid var(--color);
}

Definido em restart.css

Saiba mais sobre o elemento details no MDN web docs do Mozilla Firefox e veja mais exemplos e estilização em web.dev Detalhes e Recursos.