使div动画但保持高度动态

Question

我在JSFiddle上有以下情形： http : //jsfiddle.net/psax3fge/

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

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

我希望此div hidden直到单击div向下滑动的按钮。 我知道不设置height属性将使div具有可变的高度（随着事物在彼此下方堆叠，高度会变大）。 但是，当我使用jQuery动画时，必须设置高度。

有办法做到这一点而又不会失去股利的流动性吗？ 另一种选择是不为div设置动画，而仅在单击按钮时使其可见/隐藏，但我真的很想使用动画

Answer 1

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

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