Open div smoothly

Question

Is it possible to open div smoothly to full size of its content? If:

content of the div - text of any size
div initially displays some of the text ({overflow:hidden; height: 100px;})

It should be crossbrowser solution, appearance of scrollbar is unacceptable.

Thanks.

Here is the solution thanks to @Tryster.

possible duplicate of [jQuery animate height](http://stackoverflow.com/questions/4603397/jquery-animate-height) — Frédéric Hamidi, Jul 23 '11 at 07:16

score 5 · Answer 1 · answered Jul 23 '11 at 07:10

5

you can do it with jquery

$("#your_div_name").show('slow');

or

$("your_div_name").slideDown('slow');

answered Jul 23 '11 at 07:10

Binil

6,445
3
30
40

Nope, div is visible, but it shows a part of his content (via `{overflow:hidden; height: 100px;}`). I want to increase height of the div smoothly until div began to show all of his content. – glagola Jul 23 '11 at 07:19
say your parent dive name is `divParent` and insert a div inside the `divParent` say `your_div_name` and do the same.. :) – Binil Jul 23 '11 at 07:22

score 1 · Accepted Answer · answered Jul 23 '11 at 07:22

1

I seem to remember the scrollHeight property of an element should return the length of the content. You could then use this to call jQuery.animate on the height.

answered Jul 23 '11 at 07:22

Tryster

199
2

score 0 · Answer 3 · answered Jul 23 '11 at 07:35

0

http://jsfiddle.net/efortis/vxS6y/

 $('.smooth').slideUp(350).delay(800).fadeIn(400);

answered Jul 23 '11 at 07:35

Eric Fortis

16,372
6
41
62

Open div smoothly

3 Answers3