Cara Buat Tombol Show Hide

Hari yang paling menyenangkan buat saya adalah hari sabtu alasannya tentu saja karena libuuuur dari rutinitas senin sampai jum'at dan tentunya bisa melakukan blog walking sepuasnya,,,,pemirsa hehhhehe sekarang saya mau posting bagai mana cara nya membuat tombol show hide seperti gambar di samping ini nih,,, ok deh langsung aja nih saya kasiin scripnya tinggal di taruh di postingan atau di widget  kamu

<div>
<div style="margin-bottom: 2px;">
<input 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'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div>
<div style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
Copy Konten atau gambar yang ingin dihidden
</div>
</div>
</div>

silahkan di coba semoga berhasil ya sob,,,

Note : Tulisan yang berwarna merah ganti dengan yang kamu mau itu buat mengatur tulisan show dan hideny. nah kalau yang warna biru silahkan kamu ganti / rubah sesuai tulisan yang kamu pakai 

nah gampang kan buat tombol show hide itu nih link kalau anda mau nonton, atau mau edit foto dengan photoshop,