Membuat Tombol Buka dan Tutup

Bismillahirahmanirrahim. Untuk mempercantik tampilan blog atau juga untuk menghemat ruang posting kita bisa tambahkan tombol buka tutup ini. Tombol buka tutup yaitu saat posisi tidak di klik maka isi dari tombol tersebut tidak akan terlihat namun setelah di klik maka isi dari tombol tersebut akan terlihat. Demonya ada di bawah

MASUKKAN JAVASCRIPT, TULISAN BAHKAN BISA JUGA GAMBAR

Cara menambahkan tombol buka tutup ini sebagai berikut:

<div style="margin-bottom: 1px;"><i><b><small></small></b></i><input style="margin: 0px; padding: 0px; width: 450px; font-size: 15px;" value="Buka" 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 = 'Klik disini'; }" type="button"></div>
<div style="margin: 0px; padding: 6px;"><div style="display: none;">

MASUKKAN JAVASCRIPT, TULISAN BAHKAN BISA JUGA GAMBAR

</div></div>

Selamat mencoba