Details tags

Tags details izveido spoileri HTML, tas ir, to izmanto informācijai, kuru var paslēpt vai parādīt atbilstoši lietotāja vēlmēm.

Pēc noklusējuma tagā esošais saturs ir paslēpts. Lai to parādītu pēc lietotāja pieprasījuma, jāpievieno tags summary, kas norāda virsrakstu tagam details. Šis virsraksts vienmēr ir redzams lapā (pat ja details saturs ir sakļautā stāvoklī), un uz tā var noklikšķināt, lai atvērtu paslēpto tekstu vai aizvērtu to.

Lai parādītu paslēpto saturu, var arī izmantot tag details atribūtu open (piemēram, lai parādītu details saturu ar JavaScript palīdzību).

Piemērs

Apskatīsim, kā strādā tags details:

html<details>
  <summary>noklikšķini uz manis</summary>
  paslēptais teksts
</details>

Результат:

Skatiet arī