Cara membuat spoiler (show/hide)

nah kali ini ane ngepost mengenai spoiler .
apa sih spoiler itu tuh jiga sobat blogger suka/perna maen ke kaskus pasti sudah tidak lagi asing dengan spoiler ini nah contohnya seperti yang ada di bawah ini.

KHUSUS DEWASA [17+] :

hayo liat apaan..........!!!!! hehehehehehe

nah seperti itulah contohnya gmna tertari ga sih..heheheheh
kalo sobat bloger pengen bisa kayak gitu tapi tidak tau scriptnya
nah sekarang saya akan memberikan scripnya tinggal COPAS jah scrip yg ada di bawah ini..hehehehehe

Script Spoiler [COPAS JAH] :

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;"><b>Judul Spoiler <em>[Judul yang miring]</em></b> : <input value="Show" style="margin: 0px; padding: 0px; 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 = 'Show'; }" type="button"> </div><br /><div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"><div style="display:none;">[ISI SPOILER]</div></div></div>

 CATATAN
bacaan yg berwarna merah di dalam spoiker bisa di ganti sesuai yg sobat bloger inginkan..!!


nah gmna mudah kan tinggal di edit" sedikit biar menarik kelihatannya heheheh...!!
semoga bermanfaat bagi sobat bloger..!