Cara membuat Spoiler Tampilkan/Sembunyikan

Tutorial bagaimana cara membuat spoiler tampilkan atau sembunyikan untuk menyimpan artikel atau html dengan praktis pada postingan blog.

Daripada bengong trs mikirin yg ga karuan :P
apalagi mpe kesambet.. waduh!! bisa" ngrepotin orang" sekampung dah entar nya.. ckckk
mending kita buka blog aja yuk ,
trs mo ngapain..
ngapain aja boleh ga ada yg larang ko wkwkk
oke skrng langsung aja ke pokok pembahasan nya aja
yaitu tentang cara membuat spoiler dengan make tombol di tampilkan atau di sembnyikan

Untuk contoh spoiler Tampilkan/Sembunyikan nya seperti ini

Untuk contoh spoiler Tampilkan/Sembunyikan nya seperti ini

gimana.. :P??
Okesip untuk script nya..
silahkan
 copas script nya di bawah ini

<div style="margin: 5px 20px 10px;" align="center"> <div class="smallfont" style="margin-bottom: 2px;"> <input value="Tampilkan" style="margin: 0px; padding: 0px; width: 100px; font-size: 11px;" 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"> </div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;"> Untuk contoh spoiler Tampilkan/Sembunyikan nya seperti ini </div> </div> </div>

mpe disini aja dulu gan share nya
semoga bermanfaat aja dah :D