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:

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

Результат:

Lihat juga