Тег <details>



Тег <details> определяет дополнительные детали, которые пользователь может отобразить или скрыть.

Виджет раскрытия обычно представлен на экране с использованием небольшого треугольника, который поворачивается, чтобы показать состояние открытия / закрытия. ⬇️



Внутрь можно поместить тег <summary>, его используют для определения видимого заголовока для элемента <details>.



Вот интерактивный пример: ⤵️



<details>

<summary>Details</summary>

Something small enough to escape casual notice.

</details>



#практика #html