使div动画但保持高度动态

Question

I have the following scenario on JSFiddle: http://jsfiddle.net/psax3fge/

D FIDDLE: http://jsfiddle.net/psax3fge/1/

Basically its a div that has some info in it. The info is 3 separate divs that are inline block , they will be next to each other if there is enough room but will stack underneath each other when the Windows is made smaller

I want this div to be hidden until a button is clicked where the div slides down. I know not setting the height property will make the div have a fluid height (height gets bigger as things stack underneath each other). However, when I animate it with jQuery, I have to set a height.

Is there a way to do this without losing the fluidity of the div? An alternative is to not animate the div and just make it visible/hidden on button click, but I'd really like to use the animation

Answer 1

Update 4: http://jsfiddle.net/psax3fge/4/

Leave the .container div height to auto and remove the overflow from it.
Now you can use the slideToggle function of the jQuery to show and hide the .container .
PS you can set display:none to container in initialization.