Details թեգ

details թեգը ստեղծում է սպոյլեր HTML-ում, այսինքն օգտագործվում է այն տեղեկատվության համար, որը կարելի է թաքցնել կամ ցուցադրել օգտատիրոջ ցանկությամբ:

Լռելյայնորեն թեգի պարունակությունը թաքցված է, այն օգտատիրոջ պահանջով ցուցադրելու համար պետք է ավելացնել summary թեգը, որը նշում է վերնագիր details թեգի համար: Այս վերնագիրը միշտ տեսանելի է էջում (նույնիսկ եթե details-ի պարունակությունը գտնվում է փակ վիճակում) և դրա վրա կարելի է կտտացնել թաքնված տեքստը բացելու կամ փակելու համար:

Նաև թաքնված պարունակությունը ցուցադրելու համար կարելի է օգտագործել open ատրիբուտը details թեգի (օրինակ՝ details-ի պարունակությունը ցուցադրելու համար JavaScript-ի միջոցով):

Օրինակ

Եկեք տեսնենք, թե ինչպես է աշխատում details թեգը:

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

Результат:

Տեսնել նաև