Buat Auto Hide Menu
Cara buat auto hide menu adalah menu yang kita kenali sebagai spoiler,berguna untuk menyembunyikan gadget atau widget yang dirasakan terlalu menonjol,jadi spoiler hanya akan muncul bila kita klik dan akan bersembunyi bila di klik sekali lagi
Lihat Demo Disini
Ini kodnya
<br /> <div><div style="margin: 0; margin-top:5px"><div style="margin-bottom: 2px;" class="smallfont"><input style="margin: 0px; padding: 5px; width: auto; " value="Show" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: none; color:none; background-color:none; text-align: justify; padding:10px;"><br /> <br /> Letak kod/skrip kat sini!!<br /> <br /> </div></div></div></div></div>
Korang boleh ubah perkataan Show/Papar dan Hide/Sembunyi kepada perkataan yang korang suka
Post a Comment:
Nota: Hanya ahli blog ini sahaja yang boleh mencatat ulasan.