details

• <details> - используется для создания спойлеров или раскрывающихся блоков.

Например:

index.html

<details>
    <summary>Подробнее</summary>
    <p>Здесь скрытый текст, который раскроется при клике.</p>
</details>

Можно добавить атрибут open, чтобы блок был изначально раскрыт. Например:

index.html

<details>
    <summary>Подробнее</summary>
    <p>Здесь скрытый текст, который раскроется при клике.</p>
</details>

<details open>
    <summary>Подробнее</summary>
    <p>Изначально открыт...</p>
</details>

<details>
    <summary>Подробнее</summary>
    <p>Здесь скрытый текст, который раскроется при клике.</p>
</details>