Cara Membuat Spoiler pada HTML & PHP

Assalamualaikum sobat :) dah lama nih blog gak update postingan. hehehe. Skrng gue mau berbagi cara untuk membuat spoiler. Sobat tahu kan apa itu spoiler ??? buat sobat yang sering Ngaskus atau aktif di dunia forum pasti sangat kenal dengan spoiler. Ok, langsung saja tanpa lama-lama, berikut kodenya :

<div style="margin: 5px 20px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"><b>Spoiler</b>: <input value="Open" style="margin: 0px; padding: 0px; width: 55px; font-size: 11px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" type="button"> </div> <div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;"> <div style="display: none;">

Letakkan kode script, HTML, PHP dan teks anda disini 

<br> </div> </div> </div>

Keterangan :
1.    Untuk tulisan Open dan Hide bisa sobat ganti sesuai keinginan.
2.    Width : 55px untuk lebar spoiler.
3.    Font-size: 11px untuk besar tulisan pada kotak spoiler.
4.    Tulisan Spoiler adalah judul, silahkan ganti sesuai keinginan sobat.

Hasilnya seperti ini jika copas dari atas:

Spoiler:

Letakkan kode script, HTML, PHP dan teks anda disini