TutorialBlog: Toggle Text

Assalamualaikum dan salam sejahtera,


PLEASE READ THIS READER

Letak nama dan link
Kalau suka follow
Gunakan bahasa yang betul
Anonymous akan dipadam!
Respek tuan blog

(klik THIS untuk preview!)

'Toggle text' tu teks yang akan keluar apabila cursor diklik saja.

Langkah:
1) Copy paste kod di bawah di tempat yang ingin dilihat, di sidebar, dalam post atau di mana-mana yang ada HTML coding..

<script language="javascript">
function toggle() {
var ele = document.getElementById("toggleText");
var text = document.getElementById("displayText");
if(ele.style.display == "block") {
ele.style.display = "none";
text.innerHTML = "THIS";
}
else {
ele.style.display = "block";
text.innerHTML = "THIS";
}
}
</script>
PLEASE READ <a id="displayText" href="javascript:toggle();">THIS</a> READER <div id="toggleText" style="display: none">
TULIS TEKS SINI :) </div>

2) Warna merah - ayat mula keluar apabila diKLIK cursor, 

                biru - ayat bersambung. 

                purple - teks/kod yang akan disembunyikan.

3) SAVE, VIEW BLOG!

Credit to:

D.I.F.

Terima kasih baca, sudi-sudilah komen :) .