Membuat Tombol Show/Hidden

Membuat Tombol Show/Hidden seperti di kaskus

kalo kita lihat di kaskus.. klw ada oarang yang mw jual barang. Gambarnya biasanya gak diliatin langsung alias harus di klik tombol shownya baru keliatan

nah disini kita akan membuat tombol tersebut, ketik javascriptnya seperti di bawah:

<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>i

Selamat mencoba ^^