Таг details
Тагът details създава спойлер на HTML,
тоест се използва за информация, която
може да бъде скрита или показана по желание на потребителя.
По подразбиране съдържанието на тага е скрито, за да
го покаже по заявка на потребителя трябва да
се добави таг
summary, който указва заглавие
за тага details. Това заглавие винаги
е видимо на страницата (дори ако съдържанието на details
е в свито състояние) и чрез него
може да се кликне за разгъване на скрития
текст или свиване.
Също така за показване на скритото съдържание може да
се използва атрибутът open на тага details
(например, за показване на съдържанието на details
с помощта на JavaScript).
Пример
Нека да видим как работи тагът details:
<details>
<summary>click me</summary>
hidden text
</details>
:
Вижте също
-
атрибутът
hidden,
който скрива блокове на страницата
