высота webkit-перехода для div с динамическим изменением высоты в зависимости от содержимого?

Question

см. Следующее jsFiddle

http://jsfiddle.net/SgyEW/10/

Вы можете нажимать различные кнопки, которые показывают содержимое разной длины, которое приводит к увеличению / уменьшению рамки.

IЯ хочу, чтобы изменение высоты было анимированным, чтобы оно не было таким нервным.Любые идеи с точки зрения решения, которое не требует JavaScript?

Спасибо

Answer 1

Боюсь, что нет способа анимировать высоту с помощью CSS3-переходов без некоторой помощи Javascript, посмотрите:

Как я могу изменить высоту: 0;по высоте: авто;используя CSS?

Можете ли вы использовать CSS3 для перехода с высоты: 0 на переменную высоту содержимого?

Кроме того, ваш код не отображается: нетдля отображения: блок, который не будет влиять на высоту в любом случае.Вместо отображения ничего не используйте height: 0 с переполнением: hidden;