Animate ДИВ, но сохранить высоту динамического

Question

У меня есть следующий сценарий на JSFiddle: http://jsfiddle.net/psax3fge/

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

В основном его в div, который имеет некоторую информацию в нем. Информация является 3 отдельные divs, которые inline block, они будут рядом друг с другом, если есть достаточно места, но будет укладывать друг под другом, когда винда сделана меньше

Я хочу это Див быть hidden, пока кнопка не будет нажата где div сдвигается вниз. Я знаю, что не задание свойства height приведет к тому, что div имеет высоту жидкости (высота становится больше, поскольку вещи стекают друг под другом). Однако, когда я анимация с помощью jQuery, я должен установить высоту.

Есть ли способ сделать это без потери текучести div? Альтернативой является не анимировать DIV и просто сделать его видимым/спрятать кнопку мыши, но я бы очень хотел, чтобы использовать анимацию

Answer 1

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

Оставьте высоту .container Div для авто и удалить переполнение от него.
Теперь вы можете использовать функцию jQuery slideToggle, чтобы показать и скрыть .container.
P.S вы можете установить display:none в container при инициализации.