하나의 요소에서 두 개의 jQuery 애니메이션을 동시에 실행하는 방법

Question

애니메이션 기능이 동일한 경우 (예 : animate({top: "50px", opacity: 0})) 한 줄의 코드 만 작성할 수 있지만 애니메이션 기능이 다른 경우에는 어떻게 수행합니까 (예 : slide)? 최대 및 animate({top: "50px"})?

Answer 1

.animate()으로 전화 할 경우 queue 값을 false로 설정하면 모든 애니메이션이 동시에 실행됩니다.

$('div').animate({ 
    opacity: 0.25, 
    height: '400px', 
}, { 
    queue: false, 
    duration: 5000 
}).animate({ 
    width: '500px' 
}, { 
    queue: false, 
    duration: 5000 
}); 

Example on jsfiddle

의