Žyma details

Žyma details sukuria HTML slėptuvę, tai yra naudojama informacijai, kurią galima paslėpti arba rodyti pagal naudotojo pageidavimą.

Pagal numatytuosius nustatymus žymos turinys yra paslėptas, norint jį parodyti pagal naudotojo pageidavimą, reikia pridėti žymą summary, kuri nurodo antraštę žymai details. Ši antraštė visada matoma puslapyje (net jeigu details turinys yra sutrauktoje būsenoje) ir ant jos galima spustelėti, kad atsivertų paslėptas tekstas arba susivyniotų.

Taip pat, norint parodyti paslėptą turinį, galima naudoti žymos details atributą open (pavyzdžiui, norint parodyti details turinį naudojant JavaScript).

Pavyzdys

Pažiūrėkime, kaip veikia žyma details:

html<details>
  <summary>spustelėk mane</summary>
  paslėptas tekstas
</details>

Результат:

Taip pat žiūrėkite

  • atributas hidden,
    kuris paslepia blokus puslapyje