如何在jQuery中动画div，但它包含div中的div？

Question

我的英语不好，但我会尽力解释。 我真的需要帮助。 我想和格动画，0px到高度500像素这样的div高度变化：

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

但我的问题是，DIV的#container包含5个div的，而当我做这个代码，它不工作，因为那5个div。当我删除这5个div时，它就起作用了。 如何使它与那个div＃容器中的那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 { 

}