Tutorial 105 : Button Show-Hide

Assalamualaikum dan selamat berpuasa..
Bersua kita di slot tutorial.
Kali ini nak ajar korang macam mana nak buat button show hide macam nih..

Korang nak tengok kucing comel aku?

Nama dia Manja..nih gambar dia masih kecikk..sekarang dah beranak 3 dah..

Nak buat? senang jer..
Widget ni korang boleh letak kat entry, sidebar atau kat mana-mana korang nak letak.

Copy dan paste dimana-mana anda suka:

<div><div style="margin: 5px;">
<div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 95px; " value="CLICK HERE" 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 = 'CLICK HERE'; }" type="button"/>
</div>
<div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2">
<div style="display: none;">

Masukkan Code JavaScript/Gambar/Text Di sini

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

# Cari code ini, untuk tukar kepada ayat korang. maaf tak highlight sebab taknak ubah fungsi dia.

CLICK HERE - perkataan dalam button show-hide *pastikan dua-dua sama
Masukkan Code JavaScript/Gambar/Text Di sini


done! Save dan lihat hasilnya.

baiii!

SHARE:

blog tutorial