jquery: анимировать по высоте деления

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()});