Membuat Show and Hiden Code

Bagaimana cara membuwat show and hiden ( spoiler ) ? Disini saya akan berikan cara membuwat spoiler ( Show and hiden ) anda bisa lihat contoh di bawah ini:

CONTOH show and hiden

ISI SPOILER

javascripto.blogspot.com

------------------------------------------------------------------------------

<div style="margin: 5px;"><div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;"><b style="font-family: &quot;Courier New&quot;,Courier,monospace;"><span style="color: blue;">JUDUL SPOILER</span></b> </span></i><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;" value="Show" type="button"></div><div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;"><span style="font-family: &quot;Courier New&quot;,Courier,monospace;">ISI SPOILER</span></div></div></div>

-----------------------------------------------------------------------------




Info:

• Untuk tulisan berwarna biru gati dengan Judul Spoiler yag anda inginkan
• Untuk tulisan berwarna merah dengan Isi Spoiler (isi Spoiler tidak selalu berupa kode, anda juga dapat menyisipkan foto sebagai isi Spoiler)
• Selamat mencoba.

Tunggu Posting selanjutnya, Sangat Mudah Membuat Text Area

Baca juga tulisan menarik lainnya