Тег details

Тег details HTML-де спойлер жасайды, яғни пайдаланушы қалауы бойынша көрсетілетін немесе жасырылатын ақпарат үшін қолданылады.

Әдепкіде тег мазмұны жасырын болады, оны пайдаланушы сұраған кезде көрсету үшін summary тегін қосу керек, ол details тегі үшін тақырыпшаны көрсетеді. Бұл тақырыпша әрқашан бетте көрінеді (details мазмұны бүктелген күйде болса да) және оны жасырын мәтінді жаю үшін немесе бүктеу үшін басуға болады.

Сондай-ақ жасырын мазмұнды көрсету үшін details тегінің open атрибутын қолдануға болады (мысалы, JavaScript көмегімен details мазмұнын көрсету үшін).

Мысал

details тегінің қалай жұмыс істейтінін көрейік:

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

Сондай-ақ қараңыз

hidden атрибуты,
ол беттегі блоктарды жасырады