details теги

details теги HTML'деги спойлерди түзөт, башкача айтканда колдонуучунун каалоосу боюнча көрсөтүлүшү же жашырылышы мүмкүн болгон маалымат үчүн колдонулат.

Демейки абалда тегдин мазмуну жашырылган, аны колдонуучунун суранычы боюнча көрсөтүү үчүн summary тегин кошуу керек, ал details теги үчүн жетекчи сөздү көрсөтөт. Бул жетекчи сөз баракта ар дайым көрүнүп турат (details тегинин мазмуну тайгаланган абалда турганда да) жага аны чыкылдатуу менен жашырылган текстти ачуу же жабууга болот.

Ошондой эле жашырылган мазмунду көрсөтүү үчүн details тегинин open атрибутун колдонсо болот (мисалы, JavaScript жардамы менен details тегинин мазмунун көрсөтүү үчүн).

Мисал

details теги кандайча иштейт көрөлү:

<details>
	<summary>мени чыкылдат</summary>
	жашырылган текст
</details>

Ошондой эле караңыз

hidden атрибуту,
барактагы блокторду жашырат