cara membuat spoiler

Beberapa hari ini saya penasaran tentang spoiler... itu tuh yang biasanya di pake di kaskus atau forum2 buat nyembunyikan gambar, Setelah puter sana sini akhirnya nemu tutor yang pas di sini. Nah kali ini ripiyuku tentang spoiler... simak deh siapa tau anda2 tertarik... hikss maklum saya lagi nyubi 2 :D

Nih tutornya

Menyembunyikan konten tertentu dari sebuah halaman website terkadang diperlukan untuk menghemat space. Ketika visitor ingin melihatnya mereka dapat dengan mudah menampilkannya. Dalam software forum semacam vBulletin, hal ini disebut dengan Spoiler.

Berikut adalah contoh penggunaan spoiler.

Ini adalah konten yang diHIDE, klik tombol HIDE/SHOW untuk membuka atau menutup konten ini.

Bagaimana cara membuatnya? Hanya diperlukan sedikit kode javascript yang langsung diembed di kode html.



Silahkan di Copy kode di bawah ini



<div>
<input style="margin:0px;padding:0px;" 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 = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }" type="button" value="Tampilkan" /></div>
<div style="border: 1px solid #000000; margin: 10px auto; padding: 5px; background: #c9d2ed none repeat scroll 0% 0%; width: 500px;">
<div style="display: none;">
Ini adalah konten yang disembunyikan, klik tombol Sembunyikan/Tampilkan untuk membuka atau menutup konten ini.</div>
</div>



Ganti tulisan dibawah :
Ini adalah konten yang disembunyikan, klik tombol Sembunyikan/Tampilkan untuk membuka atau menutup konten ini.
dengan tulisan atau gambar yang akan anda sembunyikan

Nah .. yang ini coba saya modifikasi dikit.. spoiler 3 tingkat....
Kalo yang ini hati2 ya... isinya cewek cakep ... yayang Leah Dizon , awas lho.. jangan buat ngumpetin yang lebih OPEN dari ini ... xixixixixixi

spoiler for photo:

Terima kasih Anda telah Meng Click 3X

Nah silahkan di utak atik dan di coba, aku aja masih penasaran kok ......