jquery: анимация на высоте div

Question

Я хочу анимировать div сверху вниз. Я думаю, что идея - оживить высоту от 0 до ее ширины. Но до того, как он будет показан, я не знаю визуализированную ширину, как написать код, чтобы оживить это?

Это как: $.animate({"width":"auto"})

Answer 1

Вы должны захватить ширину с помощью .width() как так:

var $el = $("#elementID"); 
$el.animate({height: $el.width()}); 

Answer 2

с использованием .width() не возвращает полную вычисленную ширину, включая границы/дополнения и т.д .. для этой цели я бы использовал .outerWidth() и передал необязательное значение true, чтобы включить поля.

$('element').animate({height: $('element').outerWidth(true)}); 

Answer 3

$("#elementID").animate({height:$(this).width()});