jQuery slideToggle() Effect
jQuery slideToggle() Effect Gabungan antara slideDown() dan slideUp(). Menyembunyikan elemen jika dalam keadaan visible, menampilkan elemen jika dalam kedaan hidden.
Sintaks :
Untuk parameter speed dan callback adalah sama dengan fungsi
Sintaks :
$(selector).slideToggle(speed,callback)Untuk parameter speed dan callback adalah sama dengan fungsi
show(). Contoh Penggunaan Efek slideToggle()
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#contact").click(function(){
$("#contact-box").slideToggle("slow");
});
});
</script>
</head>
<body>
<p><span id="contact" style="cursor:hand;backgroundcolor:#ababab;padding:3;font-family:Verdana">Contact</span></p>
<div id="contact-box"
style="background:#98bf21;height:200px;width:300px;position:relative;disp
lay:none;padding:10">
<form>
Nama : <input type=text><p>
Email : <input type=text><p>
Komentar :<textarea rows=5></textarea><p>
<input type=submit value=kirim>
</div>
<p>
jQuery adalah javascript library, jQuery mempunyai semboyan "write less,
do more".
jQuery dirancang untuk memperingkas kode-kode javascript. JQuery adalah
javascript
library yang cepat dan ringan untuk menangani dokumen HTML, menangani
event, membuat animasi
dan interakasi ajax. JQuery dirancang untuk mengubah cara anda menulis
javascript.
<p>Sebelum anda memulai mempelajari jQuery, anda harus mempunyai
pengetahuan dasar mengenai HTML, CSS dan Javascript.
</body>
</html>
Comments
Post a Comment