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