如何在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 { 

}