jquery - fadeIn后其他元素向下滑动

Question

id想知道是否可以使用css3过渡，该元素在另一个淡入之后向下滑动。这是 fiddle ，所以可能会更清楚;) Fiddle

我喜欢这个#text在图像淡入后向下滑动，而不仅仅是跳下来;)

Answer 1

CSS

#container img{
    overflow: hidden;
    max-height: 0;    
    transition: all 1s;
    -webkit-transition: all 1s;
}
#container img.shown {
    max-height: 20em;
}

js

setTimeout(function() {
    $("#container img").addClass('shown');
},1500);

html 未更改

遗憾的是，您无法将 max-height 动画设置为 auto 值，因此您必须在图片显示后选择合理的 max-height