Details и Summary в HTML

Элементы для создания интерактивных раскрывающихся блоков.

Пример:

<details>
    <summary>Часто задаваемые вопросы</summary>
    <p>Ответ на первый вопрос...</p>
    <p>Ответ на второй вопрос...</p>
</details>

<details open>
    <summary>Инструкция по использованию</summary>
    <ol>
        <li>Шаг первый</li>
        <li>Шаг второй</li>
    </ol>
</details>