如何在jQuery中对div进行动画处理，但该div中包含div？

Question

我的英语不好，但我会尽力解释。 我真的需要帮助 我想使用div制作动画，因此div的高度从0px更改为高度500px：

$(".link").click(function(){
   $("#container").animate({height: '500'}, 1000);
});

但我的问题是div #container包含另外5个div，当我编写此代码时，由于这5个div而无法正常工作。 当我删除这5个div时，它起作用了。 如何使其与该div #container中的5 div一起使用。

请帮忙。 谢谢。

Answer 1

试试这个解决方案

的HTML

<a class="link">button</a>

<div id="container">
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
</div>

JS

$(".link").click(function () {
    $("#container").animate({
        height: '200'
    }, 1000);
});

的CSS

#container {
    height:0;
    background: red;
    overflow: hidden;
}
#container div {

}