jQuery анимация для нового div

Question

У меня есть пара настроек divs.

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

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

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

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

Каждый div представляет собой «плитку» в ширину: 32px height: 32px. У меня также есть персонаж-ди-джей, который помещается внутри деления плитки.

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

Когда я хочу переместить символ div в другой div, я также хочу оживить. Как я могу это сделать?

Answer 1

Вы можете анимировать непрозрачность вашего символа div до нуля, перенести его, а затем оживить его до 1 после добавления его в другой div. Это даст исчезнувший эффект.

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

Answer 2

Вы можете анимировать персонажа с эффектом затухания.

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