Cara membuat Hide Show bar

Anda perlu cara membuat tombol show dan hide seperti ini untuk menyembunyikan dan menampilkan sesuatu yang mungkin anda sendiri ingin isinya tidak mau keliatan terlebih dahulu
Contohnya:

JUDUL SPOILER

CONTON ^_^ isinya bisa di ganti apa aja

untuk cara membuatnya silahkan copy Kode HTML ini
Cara membuatnya pun sangat mudah, anda hanya perlu mengcopy-paste script yang saya berikan, kemudian edit sesuai dengan keperluan anda.

<div><div style="margin-bottom: 2px;"><i><b><small>JUDUL SPOILER</small></b></i><input value="Show" style="margin: 0px; padding: 0px; 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

Silahkan edit di sini untuk isinya
</div></div></div>

Nah yang berwarna merah bisa di ganti selamat mencoba ^_^

Baca Yang Lainnya:

---

Untuk Menghargai Karya Sesama Blogger
Tolong cantumkan Asal Sumber Jika Anda Mau Mengcopy isi Blog ini
Terimakasi Anda Telah Mengunjungi Blog ini
PCDiamon.blogspot.com
Ayo berkomentar gan , Laporkan jika ada Link yang Error/Hilang . No Sara and Spam, Please

---