Вы можете осуществить и реализовать свою анимацию
// Произведем изменение нескольких css-величин в ходе одной анимации.
$("#go").click(function(){
$("#block").animate({
width: "70%", // ширина станет 70%
opacity: 0.4, // прозрачность будет 40%
marginLeft: "0.6in", // отступ от левого края элемента станет равным 6 дюймам
fontSize: "3em", // размер шрифта увеличится в 3 раза
borderWidth: "10px" // толщина рамки станет 10 пикселей
}, 1500); // анимация будет происходить 1,5 секунды
});
Или воспользоватся встроеными функциями анимации , например
.slideDown([duration],[easing],[callback]) .slideUp([duration],[easing],[callback])
С помощью этих функций можно показывать и скрывать выбранные элементы на странице, за счет плавного разворачивания и сворачивания.