Cara Menampilkan Tulisan Atau Gambar dengan Show dan Hide

Mungkin teman-teman blogger sudah banyak yang tahu tentang artikel ini, disini saya hanya ingin mengulang artikel saja dari blog lain tentang bagaimana cara membuat halaman dengan show dan hide. untuk itu kita lansung saja pada topik yang akan kita bahas, ketika teman-teaman mau menampilkan tulisan ataupun gambar berupa apa saja dengan menggunakan halaman yang bisa show dan hide. anda langsung saja copy saja HTML yang ada di bawah ini.

<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;"> tulisan atau gambar atau yang lainnya yang ingin dihidden </div> </div> </div>

Cukup disini saja penjelasan artikel ini semoga bermanfaat..Oh iya ganti tulisan yang berwarna merah dengan tulisan atau gambar yang mau anda tampilkan.

Note: Jika anda ingin memasukannya dalam postingan paste lah kode tersebut setelah anda merubah mode Compose menjadi HTML.

Artikel Terkait

Posted in: Tips dan Tricks