새로운 div로 애니메이트하는 jQuery

Question

저는 두 개의 div 설정을했습니다.

<div class="terrain water"></div> 

<div class="terrain water"></div> 

<div class="terrain water"></div> 

<div class="terrain water"></div> 

모든 div는 너비가 "타일"을 나타냅니다. 32px 높이 : 32px. 타일 ​​div 안에는 문자 div도 있습니다.

<div class="terrain water"><div class="character"></div></div> 

문자 div를 다른 div로 이동하려면 애니메이션을 적용하고 싶습니다. 어떻게해야합니까?

Answer 1

문자 div의 불투명도를 0으로 애니메이트 한 다음 이동 한 다음 다른 div에 추가 한 후 다시 애니메이션을 적용하여 1로 되돌릴 수 있습니다. 그러면 사라진 효과가 나타납니다.

$(".character").animate({"opacity":0}, 1000).appendTo("Your other div").animate({"opacity":1},1000); 

Answer 2

페이드 효과로 캐릭터를 움직일 수 있습니다.

$(".character").fadeOut().appendTo("Your other div").fadeIn();