Cara membuat tombol show hide di blog

Buat para sahabat ch1mplunk psti pernah melihat tombol show hide di blog lain.pasti temen temen pengen membuatnya...

nah kali ini saya posting cara membuatnya...

1. langsung saja ke tkp...
2. gak usah lama-lama....
3. silahkan kopi kode di bawah ini

<div><div style="margin-bottom: 2px;"><i><b><small>Klik Untuk melihat</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;">

disini anda meletakkan artikel / gambar atau terserah anda.

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

ket:

1.untuk tulisan yang berwarna merah silahkan letakkan artikel terserah anda.

contoh:

Klik Untuk melihat

disini anda meletakkan artikel / gambar atau terserah anda.