Animacije i efekti

$(".podnaslov").slideUp(); //visina elemenata sa klasom podnaslov će se
                           //smanjivati i elementi će smanjivanjem
                           //visine na 0% biti sakriveni	

Primer na strani

Sem ovih metoda koje su uključene unutar jQuery biblioteke, moguće je koristiti i metodu animate() pomoću koje možemo napraviti neke animacije koje su prilagođene našim potrebama. Metoda animate() koristi CSS osobine koje smo spomenuli u prethodnim poglavljima. Ona animira element od postojećih CSS osobina do onih koje dodelimo, tako da ne pravi naglu promenu, već se ta promena dešava postepeno u vremenskom trajanju koje odredimo sa parametrom za brzinu. Primer:

$('.podnaslov').animate(
    {
        left: '300px',
        fontSize: '16px'
    },
    2000
);

Klasa podnaslov će dobiti ove CSS osobine na kraju animacije koja će trajati dve sekunde.

Primer na strani