Cara Membuat Show Hidden

Temen2 liat kan show hide yang ada di blog echa yg kya gni

setelah berkelana sekian lama, echa dapetin code modifikasi'y dari savalia2001.blogspot.com
xixixixixi..
mau tau cara bikin'y?!...
cekidot..

oke begini lah cara'y...


1.

ISIKAN IMAGE ATAU APA SAJA

Ini code'y

<br /><div><div style="margin: 5px;"><div class="normalfont" style="margin-bottom: 2px;"><input value="OPEN" style="margin: 0px; padding: 5px; width: 30%; font-size: 11px; background:BLUE; color:white; border:1px dashes yellow; -moz-border-radius-topright: 15px;<br />-moz-border-radius-topleft: 15px;<br />-moz-border-radius-bottomright: 15px;<br />-moz-border-radius-bottomleft: 15px; " 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 = 'OPEN'; }" type="button" /></div><div class="alt2"><div style="display: none;"><div style="border: 2px dashes white; color:blue;background-color:NONE; text-align: justify; padding:10px; ">ISIKAN IMAGE ATAU APA SAJA </div></div></div></div></div><br />

2.

isi teks atau kode gambar dll disini

Ini Code'y

<br /><div><div style="margin: 5px;"><div class="smallfont" style="margin-bottom: 2px;"><input value="Tampilkan" style="margin: 0px; padding: 5px; width: auto; font-size: 10px; background:yellow; color:blue; border:1px dashed red;" 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 = 'Tampilkan'; }" type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: 2px dashed red; color:blue; background-color:yellow; text-align: justify; padding:10px;">isi teks atau kode gambar dll disini</div></div></div></div></div><br />

3.

ISIKAN IMAGE ATAU APA SAJA

Ini Code'y

<br /><div><div style="margin: 5px;"><div class="normalfont" style="margin-bottom: 2px;"><input value="OPEN" style="margin: 0px; padding: 5px; width: 30%; font-size: 11px; background:RED; color:white; border:1px dashes yellow;-moz-border-radius-topright:15px;<br />-moz-border-radius-bottomleft:15px;<br />-webkit-border-bottom-left<br />-webkit-border-bottom-right<br />" 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 = 'OPEN'; }" type="button" /></div><div class="alt2"><div style="display: none;"><div style="border: 2px dashes white; color:blue;background-color:NONE; text-align: justify; padding:10px; ">ISIKAN IMAGE ATAU APA SAJA </div></div></div></div></div><br />

Artikel Terkait: