Тег details

Тегот details создава спойлер на HTML, односно се користи за информации кои може да се сокријат или прикажат по желба на корисникот.

Стандардно, содржината на тегот е скриена. За нејзино прикажување по барање на корисникот, треба да се додаде тегот summary, кој укажува наслов за тегот details. Овој наслов е секогаш видлив на страницата (дури и ако содржината на details е во собирена состојба) и со кликнување на него може да се открие скриениот текст или да се свие.

Исто така, за приказ на скриената содржина може да се користи атрибутот open на тегот details (на пример, за приказ на содржината на details со помош на JavaScript).

Пример

Ајде да погледнеме како функционира тегот details:

html<details>
  <summary>click me</summary>
  hidden text
</details>

Результат:

Погледнете ги и