Tag details
Tag details membuat spoiler di HTML,
yaitu digunakan untuk informasi yang
dapat disembunyikan atau ditampilkan sesuai keinginan pengguna.
Secara default, konten tag disembunyikan, untuk
menampilkannya atas permintaan pengguna, tambahkan
tag
summary, yang menunjukan judul
untuk tag details. Judul ini selalu
terlihat di halaman (bahkan jika konten details
dalam keadaan terlipat) dan dapat diklik
untuk membuka teks tersembunyi
atau menutupnya.
Untuk menampilkan konten tersembunyi juga bisa
menggunakan atribut open dari tag details
(misalnya, untuk menampilkan konten details
menggunakan JavaScript).
Contoh
Mari kita lihat bagaimana tag details bekerja:
<details>
<summary>click me</summary>
hidden text
</details>
:
Lihat juga
-
atribut
hidden,
yang menyembunyikan blok di halaman
