올바른 순서로 요소에 애니메이션을 적용 할 수 없습니까?

Question

나는 페이드 아웃이 사라질 때까지 페이드 아웃이 시작되기 전에 애니메이션이 끝나기를 기다리는데 문제가 있습니다.

동시에 일어날 수있는 방법은 없나요?

$('.hover-div').mouseout(function() { 

     $('div.hidden').fadeOut(); // this happens AFTER the following animations are done 

     $('.carousel-bg').animate({ 
      'top': 112, 
      'height': 130 
     }, 200); 

     $('div.carousel-holder div.text').animate({ 
      'top': 125 
     }); 
    }); 

Answer 1

는 milliseconds에 표시하는 속도가이 시도 관리 : -

$('div.hidden').fadeOut(50); 

    $('.carousel-bg').animate({ 
     'top': 112, 
     'height': 130 
    }, 200); 

    $('div.carousel-holder div.text').animate({ 
     'top': 125 
    }, 200); 

Answer 2

$('.hover-div').mouseout(function() { 


     $('.carousel-bg').animate({ 
      'top': '112px', 
      'height': '130px' 
     }, 200); 

     $('div.carousel-holder div.text').animate({ 
      'top': '125px' 
     }, function() { $('div.hidden').fadeOut(); }); 
    });