Cara kerja elemen detail dan summary sama seperti accordian widget di JQuery . Elemen detail dapat digunakan dimana saja , asalkan masih didalam elemen body . Contoh sederhananya adalah seperti ini :
<details> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas, impedit.</p> </details>
Demo dapat Anda lihat pada gambar berikut :
Elemen detail juga dapat digabungkan dengan kode HTML5 : summary. contoh lebih jelasnya seperti kode dibawah ini :
<details> <summary>Hello World</summary> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas, impedit.</p> <details> <summary>Hi, How are you?</summary> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas, impedit.</p> </details> </details>