Spoiler (Open/hide buton)

Anda mungkin ada yg ingin membuat sebuah widget/fasilitas yang bisa muncul hanya bila menekan sebuah buton "Open" atau "buka" dan hilang kembali dengan menekan tombol yg sama yg tulisannya telah berubah dengan kata "hide" atau "sembunyikan" atau "tutup"
 Untuk contohnya coba klik buton dibawah ini:

Lihat tulisan pada buton/tombol diatas, sudah berubah dengan kata "Tutup".Berminat? Silahkan ikuti panduan berikut:

Tambahkan script dibawah dengan cara:

1. Masuk ke Elemen Blog anda
2. Tambah gadget, HTML/JavaScript
3. Copas kedalamnya sript dibawah
4. Klik simpan 
5. Klik simpan lagi.
   

 Keterangan :
Tulisan Anda bisa meletakkan sript tulisan atau gambar disini anda ganti dgn kode yang anda ingin sembunyikan. 

<div id="spoiler"><div><input value="Buka" style="margin: 5px; padding: 0px; font-size: 11px; font-weight:bold;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Buka'; }" type="button"><div id="show" style="border: 1px solid white; margin: 5px; padding: 2px; display: none; width: 98%;">Anda bisa meletakkan sript tulisan atau gambar disini</div><div id="hide"></div></div></div>

Tutorial ini untuk yg pake button.Bila anda ingin tidak pakai buton seperti ini, anda jg bisa pakai tulisan sebagai objek pengklikan. yang berminat silahkan baca dengan disini

Artikel seperti ini bisa anda temukan di Blognya mas Doyok



Selamat mencoba.
Ziliwu