动画div但保持高度动态

Question

我在JSFiddle上有以下场景：http://jsfiddle.net/psax3fge/

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

基本上它是div，其中包含一些信息。信息是3个单独的divs，inline block，如果有足够的空间，它们将彼此相邻，但当Windows变小时，它们会相互堆叠

我希望此div为hidden，直到单击按钮向下滑动div为止。我知道不设置高度属性会使div具有流体高度（当事物堆叠在彼此之下时，高度会变大）。但是，当我使用jQuery为它设置动画时，我必须设置一个高度。

有没有办法做到这一点而不会失去div的流动性？另一种方法是不对div进行动画处理，只需在按钮点击时使其可见/隐藏，但我真的很想使用动画

Answer 1

更新4：http://jsfiddle.net/psax3fge/4/

将.container div高度保留为自动并从中移除溢出。
现在，您可以使用jQuery的slideToggle函数来显示和隐藏.container P.S您可以在初始化中将display:none设置为container。