Monday, January 23, 2012

Pasang butang show and hide


Mungkin anda ingin menyembunyikan widgetatau kod /teks pada blog.Fungsi ini macamread  more yang ada pada posting,hanyamenunjukan separuh sahaja teks pada posting dan bila diklik pada read more akan menunjukkan sebahagian lagi teks.Kod ini akan memaparkan butang yang mana bila diklik boleh memaparkan bahagian yang tersembunyi.
Gantikan teks letakkan kandungan yang hendak disembunyikan disinidengan kandungan yang dingini:
<div id="spoiler" style="display:none">
letakkan kandungan yang hendak disembunyikan disini
</div>
<button title="Click to show/hide content" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Show/hide</button>
Teks show/hide pada butang boleh ditukar mengikut kesukaan anda.Boleh diletakkan pada sidebar atau posting.