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

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 2

In jQuery the effect closer to that page is slideDown :

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

Answer 3

With jQuery. See jQuery Effects/animate .

Answer 4

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 5

Simply jQuery

With one line of code you can do this.

www.jquery.com