Membuat Spoiler dengan JavaScript

Mungkin teman-teman semua pernah berkunjung ke forum-forum dan melihat Spoiler. Singkatnya spoiler digunakan untuk hide/show sesuatu pada halaman web Tapi bagi teman-teman yang belum pernah melihatnya silahkan liat contohnya di bawah ini :

Isi yang disembunyikan

Lalu bagaimana cara membuat nya ?? Silahkan lihat kode di bawah ini :

<div><input onclick="var t = this.parentNode.childNodes[3].childNodes[0]; if(t.style.display != 'none'){t.style.display='none'; this.value='Tampilkan'}else{t.style.display=''; this.value='Sembunyikan'} " style="border: 1px solid black;" type="button" value="Tampilkan" /><br /> <div style="background-color: navy; border: 1px solid #000000; color: white; padding: 5px;"><div id="divid" style="display: none;">Isi yang disembunyikan<br /> </div></div></div>

Jika ada yang tidak dimengerti silahkan tanya dengan cara post comment di sini atau tanya langsung melalui YM! adeks_edy@yahoo.com.

Akhir kata saya ucapkan selamat mencoba.

Share

Related Posts