Cara Membuat Tombol Hide Dan Show

Kesempatan kali ini saya akan mencoba berbagi tips blogger tentang cara membuat tombol show dan hide seperti

<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;">
ISI NYA (Terserah anda)
</div></div></div>

Maka akan terlihat seperti ini,

JUDUL SPOILER

ISI NYA (Terserah anda)

Judul: Cara Membuat Tombol Hide Dan Show; Ditulis oleh echo sd; Rating Blog: 5 dari 5

Baca Juga Yang Ini, Seru Loo!!

Cara Membuat Artikel Terkait Dibawah Posting Tempat Cari ilmu

Anda sedang membaca artikel tentang Cara Membuat Tombol Hide Dan Show dan anda bisa menemukan artikel Cara Membuat Tombol Hide Dan Show ini dengan url http://echo-pitulas.blogspot.com/2012/06/cara-membuat-tombol-hide-dan-show.html?m=0,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Membuat Tombol Hide Dan Show ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Cara Membuat Tombol Hide Dan Show sumbernya.