div를 페이드 아웃 한 다음 페이지가로드 될 때 다른 위치에서 페이드 인 할 수 있습니까?

Question

(첫 번째) div를 페이드 아웃 한 다음 다른 위치 (두 번째 div)에서 페이드 인 할 수 있습니까 (두 번째) div가 (첫 번째) div 위치에서 페이드 인해야합니까

분명히 .fadeIn()와 .fadeOut() 함수를 사용하지만 div의가 페이드 인 방법을 잘 모르겠어요하고 .... 같은 시간에 페이드 아웃! [여기 이미지 설명을 입력합니다] [1]

Answer 1

$("#div1").fadeOut(300,function(){ //hide first div 
    $("#div2").fadeIn(); //show second div when first div is fully hidden. 
}) 

fadeOut() 및 fadeIn()의 콜백을 사용할 수 있습니다.

당신이 동시에 페이드 그들에게 원하는

Answer 2

$("#div1").fadeOut() 
    $("#div2").fadeIn() 

, 동시에 두 함수를 호출합니다.

Answer 3

이전 답변의 일부는 퇴색 한 후에 새로운 div를 표시합니다. 페이딩이 동시에 발생하기를 원하는 것처럼 들립니다. 이 문제를 해결하려면 div1이 div1과 동일한 위치에 절대적으로 배치되지만 div 인덱스가 낮아서 div1이 완전히 오버레이되어 숨겨 지도록해야합니다. Div1을 페이드 아웃하면 div2가 페이드 인됩니다.