0 Membuat Tombol Show Hidden

Share

Kali ini saya akan menjelaskan cara membuat show hidden pada posting. Sebelumnya anda sudah tahu arti show dan hidden. Untuk itu saya tidak perlu menjelaskan panjang lebar. Namun anda mungkin masih bingung tentang kegunaannya.
Langsung saja lihat contoh berikut:

Klik disini Untuk melihat

trydkill.com

Nah, itulah kegunaan show hidden.
langsung saja ke prakteknya.
pertama copy kode berikut:

Klik disini Untuk melihat

<div><div style="margin-bottom: 5px;"><i><b><small>Klik disini Untuk melihat</small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 80px; font-size: 12px;" 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;">letakan tulisan anda di sini</div></div></div>

Selamat mencoba dan semoga berhasil.