How to create the effect like this page?

Question

Click "Reply by Email" of that page,

http://losangeles.kijiji.com/rooms-roommates/el-monte/room-for-rent-el-monte-california-91732/?ad=785656

Answer 1

With jQuery. See jQuery Effects/animate.

Answer 2

By using jQuery you can simply use the show() method:

$("button").click(function () {
  $("#mydiv").show("slow");
});

More info here: http://docs.jquery.com/Effects/show

Answer 3

I believe MooTools is capable of doing this task. If not its not that hard to create that effect. Use setInterval to create an interval that repeats itself and resizes the box.

Answer 4

In jQuery the effect closer to that page is slideDown:

$("button").click(function () {
  $("#mydiv").slideDown("slow");
});

Answer 5

Simply jQuery

With one line of code you can do this.

www.jquery.com