Animacije i efekti

Primer 4 (slideUp/slideDown):

HTML:
<p id="slideDown">Kliknite ovde ukoliko želite da prikažete dugme</p>
<p id="slideUp">Kliknite ovde ukoliko želite da sakrijete dugme</p>
<div id="dugme">
    <img src="btn.png"/>
</div>
<p id="rezultat"><span>0</span> puta ste klinuli na dugme</p>
jQuery:
$('#slideDown').click(function() {
    $('#dugme').slideDown(2000);
});
$('#slideUp').click(function() {
    $('#dugme').slideUp(2000);
}); 

Kliknite ovde ukoliko želite da prikažete dugme (slideDown())

Kliknite ovde ukoliko želite da sakrijete dugme (slideUp())