Сверху вниз.
В стилях для элемента с ID = id_of_block - тот который будет выезжать сверху - прописать
{position: absolute; margin-top:-100500px; }
(убрать его вверх за пределы экрана)
А в обработчик onclick кнопки втавить такое:
$("#id_of_block").animate({marginTop:'0px'},2000);
Для обратного "уезжания":
$("#id_of_block").animate({marginTop:'-100500px'},2000);
(2000 - это 2 сек.)
Соответственно, что бы выезжало слева, marginTop заменить на marginLeft.