jQuery에서 .animate div를 만드는 방법이 있지만 div에 div가 포함되어 있습니까?

Question

영어 실력이 좋지 않지만 설명하겠습니다. 정말 도움이 필요합니다. 나는, DIV와 애니메이션을 만들기 위해 높이 500 픽셀로 0 픽셀에서 너무 DIV 높이를 변경하려면 :

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

을하지만 내 문제는 DIV #container 5 더 div가 포함되어 있음을, 그리고 내가이 코드를 할 때, 그것은 때문에 작업을 나던 그 다섯 divs. 그 다섯 div를 삭제하면 작동합니다. div #container에서 해당 div와 함께 작동하도록 만드는 방법.

Plese, help. 감사.

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 { 

}