JQuery 요소를 왼쪽/왼쪽 슬라이드로 바꾸기

Question

현재 div 요소의 내용을 대체 할 때 fadeOut 애니메이션 효과를 사용하고 있습니다.

$('#divID').fadeOut('slow', function(){ 
    $(this).replaceWith($div); 
}); 

div 요소의 컨텐츠를 교체 할 때

어떻게 slide to left 효과를 얻을 수 있습니까?

Answer 1

구체적인 효과가 있는지 모르겠다면이를 달성하기 위해 $().animate({left: val})을 사용했습니다.

var width = $(window).width(); 

$('#divID').animate({left : -width}, 500, function(){ $div.hide() }); 
$div.css({left: width}).show().animate({left: 0}, 500); 

당신은 position: absolute에 요소의 CSS를 설정해야하며, 조정 컨테이너 및 기타 항목.

여기에 jsfiddle