Cara Membuat Show-Hide (Buka-Tutup) Pada Postingan

Bila Anda ingin membuat Show-Hide (Buka-Tutup) pada postingan atau widget Anda, berikut adalah kodenya:

<div style="margin-bottom: 2px;">
<div style="margin-top: 5px; text-align: center;">
<input value="Buka" style="margin-top: 5px; width: 100px;

font-size: 12px;" 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 = 'Tutup'; } else {

this.parentNode.parentNode.getElementsByTagName('div')

[1].getElementsByTagName('div')[0].style.display =

'none'; this.innerText = ''; this.value = 'Buka'; }"

type="button"> </div>
<div style="border: 1px inset ; margin: 0px; padding:

6px;"><div style="display: none;">

GANTI DENGAN TULISAN atau GAMBAR YANG ANDA INGINKAN DI SINI

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

Entri melalui HTML Jangan melalui Compose seperti tanda panah pada gambar di bawah:

Setelah itu silakan lihat di pratinjau, dan kalau sudah oke, silakan dipublikasikan.

Bila berhasil maka tampilannya seperti di bawah ini:

GANTI DENGAN TULISAN atau GAMBAR YANG ANDA INGINKAN DI SINI

Selamat mencoba dan semoga berhasil.