2
(Gambar : Cara membuat menu sembunyi tampilkan, Cara membuat Tombol Sembunyi Tampilkan, Cara Membuat Menu Auto Hide, Cara membuat Hidden menu)
Dulu saya pernah membuat tombol auto hide spoiler yang begitu banyak kode-nya nah kali ini membuat tombol button auto hide dengan pengurangan kode dan di bantu sedikit javascript.

Mungkin anda mau baca dulu cara membuat tombol auto hide (spoiler) sekarang Anda bandingkan script auto hide spoiler dengan yang berikut ini :

<script type="text/javascript">
function hiddenrdl()
{ var ele = document.getElementById("hiddenText");
var text = document.getElementById("displayText");
if (ele.style.display == "block")
{ ele.style.display = "none";
text.innerHTML = "";
}
else { ele.style.display = "block";
text.innerHTML = "";
}
}
</script>
<input onclick="hiddenrdl();" id="displayText" type="button" value="+/-" />

<div id="hiddenText" style="display:none;">
Disini masukkan kata-kata atau gambar atau apa aja
</div>

dan hasilnya seperti ini.




Selamat mencoba dan semoga bermanfaat! Satu lagi jika anda ingin menambahkan kode-nya di gadget silahkan baca yang ini Cara Pasang Gadget HTML/javascript sekali lagi semoga bermanfaat.

Posting Komentar

 
Top