.css 및 .animate 스크립트의 순서를 지정하십시오.

Question

div 오른쪽으로 이동하고 너비를 변경하는 스크립트가 있습니다. 그러나 효과가 트리거되는 순서를 제어하는 ​​데 문제가 있습니다. 이제 어떻게 #active 변화 폭이다, 다음 오른쪽으로 이동 무엇

$(document).ready(function() { 
    $('#access').click(function(){      
     $('#active').animate({right:"6px"}, 400); 
     $('#active').css({width:"60px"}); 
    }); 
}); 

:

여기 스크립트입니다. 너비 변화가 애니메이션 (이상적으로) 동안 또는 적어도 움직이는 것을 끝낸 후에 일어나는 것을 바란다.

Answer 1

로 시도해보십시오

$('#active').animate({right: "6px", width: "60px"}, 400); 

잘 이동 한 후 폭을 변경하려면 :

$('#active').animate({right: "6px"}, 400, function(){ 
    $('#active').css({width: "60px"}); // without animation 
    // or 
    $('#active').animate({width: "60px"}); // with animation 
});