Пример анимации jquery

$('.button1').click(function(){
    $('.box1').toggle(2000);
});

$('.button2').click(function(){
    $('.box2').fadeToggle(2000);
});

$('.button3').click(function(){
    $('.box3').slideToggle(2000);
});

Одновременная анимация нескольких ствойств

$('.button4').click(function(){
    $('.box4').animate(
        {'font-size':'+=5',
         'height':'+=20'
        },
        {duration: 500}
    );
});

Последовательная анимация нескольких ствойств

$('.button5').click(function(){
    $('.box5').animate(
        {'font-size':'+=5'},
        {duration: 500}
    )
    .animate(
/*для перемещения(left, top и тд)
следует задавать position: relative 
для элемента в css*/
        {'left':'+=150'},
        {duration: 1000}
    );
});