Membuat Tombol Buka dan Tutup

Written By Admin on Sunday, September 18, 2011 | 12:17 PM

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:

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