Membuat Tombol Show Hide

Pada saat blogwalking ke blog tetangga saya menemukan postingan dengan tombol Show-Hide seperti sering saya jumpai di Kaskus. Karena pingin tahu cara membuatnya, akhirnya saya cari lewat mesin pencari Google. Nah ini nih hasilnya....

Tulis text di sini

copy script di bawah ini,
<br /><div style="text-align: center;"><div class="button-spoiler"><input value="Contoh Tombol Show-Hide" 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 class="spoiler"><div style="display: none;"><br /><br /> <div style="text-align: left; padding: 10px; border: 3px inset #333; font-size: small;"><br /><br /><br /><br /> Tulis text di sini <br /><br /><br /><br /><br /><br /> </div></div></div></div>

Kelihatannya agak ribet, tapi gak perlu pusing-pusing mikiran script, kalau nggak ngerti bisa di copas langsung script di atas dan jangan lupa dicoba ya....
semoga bermanfaat.