Text Show dan Hide

Hai semue ! Assalamualikum :D Okey, Qay hari ni, nak buat tutorial. Seperti yg di-request oleh Budakbarublaja. p/s : Tolong lah bagi link blog kaw ! Qay dah beg banyak kali pon masih tak nak bagi -.-' BENCI ! 

Okelah, kalaw nak tahu macam mane rpe dye Text show dan hide ni, boleh tengok kat sidebar  >> Yg di category 'About'. Ade STATUS kan? Ahha ! Orait.

1) Pergi Design. Pilih satu JavaScript widget untuk letak code ini.
2) Copy Code ini
<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 = "HERE";}else {ele.style.display = "block";text.innerHTML = "HERE";}</script>
CLICK <a id="displayText" href="javascript:toggle();">HERE</a>TO READ SOMETHING SPECIAL. <div id="toggleText" style="display: none">Isi lah apa-apa kat sini.</div>
3) Time for editing. 
Kuning : Boleh tukar ikut suka hati korang. Macam Qay, Qay tukar jadi STATUS.
Biru : Ayat untuk depan HERE, CLICK.  Ayat untuk belakang HERE, TO READ SOMETHING SPECIAL.  Korang boleh tukar.
Hijau : Isi yang korang nak letak dalam code Text Show dan Hide ni.
4) Preview dulu. Save !


Semoga berjaya ! Credit to NanaGamsahabnida ! (Means, thank you ! In korea)

Comments