Membuat spoiler Buka Tutup

ok.agan agin pecinta blogger yg berbahagia dalam posting kali ini Admin Media Onlen akan membahas tentang bagai mana cara membuat spoiler buka tutup ya mungkin barang kali para bloger udah mengetahui tentang ini,namun mungkin juga masih banyak para blogger pemula yg blm mengerti apa itu spoiler buka tutup?
ya kalu Admin jelasin mungki kaga' muat dalam 10 halaman,jdi langsung aja kita ke pokok permasalahan nya,
brikut scrip dari spoiler tersebut:

                             
<div style="margin-bottom: 2px;">silahkan buka untuk melihat
<div style="margin-top: 5px; text-align: center;"><input value="Buka" style="margin-top: 5px; width: 60px; font-size: 10px;" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka'; }" type="button"> </div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;"> Silahkan masukan Isi Spoiler disini,  Bisa teks atau gambar / foto  </div></div></div>
   warna biru sebagai judul dapat  sobat ganti dengan kata2 sobat 
merah ganti dengan bahasa sobat
kuning teks atau konten yg akan di kurung
     hasil nya akan seperti ini;

silahkan buka untuk melihat

CIILLUUUUKBAAAAAA..........!
selamat ya agan agan dan agin agin pecinta bl0gger saat ini telah memiliki spoiler buka tutup terimakasih telah berkunjung semoga bermanfaat......
jangan lupa komentarnya ya....?