javascript - jQuery:div元素中的blend应该平稳地扩展parent-div的自动高度

jQuery还是新手，所以：快速提问。我有一个div，其中包含用于响应式投资组合网络布局的各种对象。最初仅显示3个对象，其余的通过CSS为display: none;。通过按钮，可以将这些不可见的对象通过JavaScript进行混合。代码看起来像这样：

$('#maindiv').click(function() {
    $(this).find('.objects').fadeIn();
});

它的工作原理应如此，但是由于#maindiv在CSS文件中设置为height: auto，因此只要新对象开始消失，#maindiv的高度就会跳转。由于需要auto值，因此通过CSS进行的过渡动画无法正常工作。所以问题是：JavaScript是否可以通过某种方式使#maindiv的高度从旧的自动值变为新的自动值？或类似的东西？

最佳答案

有一种方法，尽管它不是100％可预测/可控制动画rusn的速度。您可以设置最大高度的动画，使您仍然可以使用height：auto。

div {
max-height:1.2em;

-moz-transition: 1s;
-ms-transition: 1s;
-o-transition: 1s;
-webkit-transition: 1s;
transition: 1s;

}

like this

关于javascript - jQuery:div元素中的blend应该平稳地扩展parent-div的自动高度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28539059/