Trick Hidden sebagian content

Thursday, September 3, 2009 |

Apa itu jQuery? Dari situsnya “jQuery adalah sejenis pustaka JavaScript yang baru. jQuery adalah pustaka JavaScript yang cepat dan ringkas yang menyederhanakan traversing dokumen HTML, penanganan event, animasi, dan interaksi Ajax untuk mempercepat pengembangan web”. Mari kita liat contoh sederhana ini bagi penggunaan jQuery:
Klik di sini untuk menimbulkan atau menyembunyikan


Caranya seperti ini:
1-Login ke account blogger anda---->
2-Click Layout--->
3-Click Edit HTML---->
4-Simpan kode dibawah ini diatas ]]></b:skin>
$(document).ready( function() {
$("#toggle-hidden-div").click( function() {
$("#hidden-div").slideToggle('slow');
});
});

5-Simpan kode ini diatas </Head>
<script src="http://gedex.web.id/wp-content/jquery/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready( function() {
$("#toggle-hidden-div").click( function() {
$("#hidden-div").slideToggle('slow');
});
});
</script>

6-Copy kode dibawah ini dan Simpan di konten anda
<a id="toggle-hidden-div" href="#toggle-hidden-div">Klik di sini untuk menimbulkan atau menyembunyikan</a>
<div id="hidden-div" style="display: none">
Tulis konten ada disini?
</div>

6-Selesai

Related With:

0 comments:

Post a Comment