CSS3 transofrms на div, измененный функцией JavaScript

Question

У меня есть div, в котором у меня есть кнопка, связанная с функцией javascript, которая переключает текстовую область. При нажатии кнопки размер div мгновенно изменяется. Я попытался добавить эффекты перехода в div, но плавного изменения размера нет (точнее, высоты). Мой вопрос: есть ли способ, которым я могу плавно изменить размер div?

Answer 1

использование .animate() - http://api.jquery.com/animate/

Если вы можете предоставить код, я был бы рад объяснить это более подробно.

Я написал для вас краткий пример - http://jsfiddle.net/ajthomascouk/eaBgT/

Answer 2

Не просто переход по высоте, используйте масштабное преобразование от 0 до 1. Это должно быть более плавным.