동시에 여러 jQuery 효과를 실행하는 방법

Question

이 작업을 수행하려고합니다. 상자가 있습니다. jQuery에서 hide()로 설정됩니다. 그것은 페이드 인해야하고, 동시에, 그것은 약간의 길이를 위에서 아래로 움직여야합니다. 길이가 처음부터 끝까지 어떤 것이 든 페이드 인 효과는 박스가 위로부터 움직이기 시작할 때 시작해야하고, 페이드 효과는 상자가 위로부터 움직임을 완료 할 때 완료 될 수 있습니다.

내가 시도한 것은 다음과 같습니다.

<div id="div1">div</div> 

및

$("#div1").animate({"margin-top": 200,}); 
$('#div1').fadeIn("slow"); 

그러나 두 함수는 서로 다른 시간을 사용합니다. 어떻게해야합니까?

Here은 작동하는 피들입니다. 사전에

감사합니다 ... :)

Answer 1

같은 animate 호출에 CSS를 모두 애니메이션을하고 시도해보십시오 CSS에 none` :

http://jsfiddle.net/xHrBq/

$("#div1").animate({ 
    'margin-top': 300, 
    'opacity': 1 
}, 1000);