Sabtu, 24 Maret 2012

Spoiler Menu


dwijayasblog.blogspot.com-Spoiler-Menu

Artikel ini membahas tentang cara membuat spoiler menu. Selamat membaca.

Banyak cara untuk menyembunyikan dan menampilkan kontent artikel yang salah satunya bisa dengan menggunakan spoiler menu. Dengan menggunakan spoiler menu Anda bisa menyembunyikan dan menampilkan konten apa saja yang Anda kehendaki, baik teks maupun gambar atau video.

Berikut kode scriptnya:
Menu Spoiler

<div style="margin-bottom: 2px;text-align: center;"> Judul Konten Spoiler <div style="margin-top: 5px; text-align: center;"><input value="Click Me" style="margin-top: 5px; 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 = 'Click Me'; }" type="button"> </div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;"> Konten Spoiler </div></div></div>

Ganti tulisan "Judul Konten Spoiler" sesuai selera Anda. Ganti Konten Spoiler dengan konten yang Anda ingin sembunyikan dan tampilkan.

Demikian pembahasan tentang cara membuat spoiler menu. Selamat mencoba dan semoga berhasil.
Dwijayasblog
Back To Top