Cotetan

Inspiration Start Here

Gallery

Loading...

jQuery slideToggle() Effect

Tidak ada komentar
jQuery slideToggle() Effect Gabungan antara slideDown() dan slideUp(). Menyembunyikan elemen jika dalam keadaan visible, menampilkan elemen jika dalam kedaan hidden.
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>

Tidak ada komentar :

Posting Komentar

Langganan: Posting Komentar ( Atom )