Prvok details

Prvok details vytvára špóler v HTML, to znamená, že sa používa pre informácie, ktoré je možné skryť alebo zobraziť podľa používateľa.

Predvolene je obsah prvku skrytý, pre jeho zobrazenie na požiadanie používateľa je potrebné pridať prvok summary, ktorý určuje nadpis pre prvok details. Tento nadpis je vždy viditeľný na stránke (aj keď je obsah details v zbalenom stave) a je možné naň kliknúť pre rozbalenie skrytého textu alebo zabalenie.

Tiež pre zobrazenie skrytého obsahu je možné použiť atribút open prvku details (napríklad pre zobrazenie obsahu details pomocou JavaScriptu).

Príklad

Pozrime sa, ako funguje prvok details:

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

Результат:

Pozrite tiež