Membuat menu Tutup Buka pada posting (Spoiler)

Sebuah menu yang bisa menutup dan membuka secara otomatis (Spoiler) untuk contoh tampilannya ada di bawah ini dan untuk membuat nya yaitu sebagai berikut :

Log in blogger
Posting Baru, edit html dan masukkan kode di bawah ini :

<div style="margin: 5px;">
<div class="bigfont" style="margin-bottom: 2px;">
<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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="margin: 0px; padding: 0px; width: 60px;" type="button" value="Open" /></div>
<div class="alt2" style="-moz-border-radius: 10px 10px 10px 10px; -moz-box-shadow: 2px 2px 4px rgb(139, 210, 104); background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPVPft3t6i_mRsbRs45opG__Lw3IBOhhEzc78HyAE5KbQyoN9dXGyfQBlMFaSGHveeLM7QpWiqr8jBsa9BPjMTcYRe3bjQPQ1SsR8s9Hq-K4jn93KhEhWQYYyeo13Ac0QSoXEw8haEZGX4/s1600/papers.jpg") no-repeat scroll 0% 0% transparent; border: 1px inset; color: black; margin: 0px; padding: 6px;">
<div style="display: none;">
Contoh Tampilan Menu Tutup Buka Contoh Tampilan Menu Tutup Buka Contoh Tampilan Menu Tutup Buka Contoh Tampilan Menu Tutup Buka Contoh Tampilan Menu Tutup Buka Contoh Tampilan Menu Tutup Buka Contoh Tampilan Menu Tutup Buka Contoh Tampilan Menu Tutup Buka Contoh Tampilan Menu Tutup Buka

</div>
</div>
</div>

Tulisan Biru Isi sesuai keinginan kawan-kawan
......
Terbitkan entri dan selesai............

selamat mencoba......