Тег details

Тег details HTML даги спойлер яратади, яъни фойдаланувчининг истагига кура кўрсатиш ёки яшириш мумкин бўлган маълумот учун ишлатилади.

Соз бошида тегнинг мазмуни яширинган бўлади, уни фойдаланувчи талаб килганда кўрсатиш учун тег summary ни кушиш керак, у details теги учун сарлавхани кўрсатади. Бу сарлавха сахифада ҳар доим кўриниб туради (ҳатто details тегининг мазмуни йиғилган ҳолатда бўлса-да) ва унга босиб яширинган матнни ёйиш ёки йиғиш мумкин.

Шунингдек, яширинган мазмунни кўрсатиш учун details тегининг open атрибутидан фойдаланиш мумкин (масалан, JavaScript ёрдамида details тегининг мазмунини кўрсатиш учун).

Мисол

Келинг, details теги қандай ишлашини кўриб чиқайлик:

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

Шунингдек кўринг

hidden атрибути,
у сахифадаги блокларни яширади