如何在jQuery中使用.animate 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

试试这个solution

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 {

}