Jquery formingswith - fadeout / fadein

Question

Я думаю, что это будет наступить на очень базовые вещи, но я совершенно новый в прекрасном мире jQuery.

Вот мой простой рабочий код замены:

<div>yes yes </div>
<script>$('div').replaceWith('<span>no no</span>');</script>

То, что я пытаюсь достичь, это выцветает из «Да Да» ДИВ, а затем выцветает в новом «Нет»

Есть идеи, ребята?

Answer 1

$('div').fadeOut(1000,function(){ $(this).text('no no').fadeIn(1000); });

Используйте функциональность обратного вызова FadeOut

Answer 2

$('div').fadeTo(1000, 0, function(){ $(this).html('<span>no no</span>').fadeTo(1000, 1); });

Я бы взял Doxick's. Предложение чуть дальше с Fadeto. Я также включил функцию .html, которую вы обсуждали. Я предпочитаю Fadeto, потому что он дает вам небольшую гибкость и избегает некоторого нежелательного поведения, если функция остановки () заканчивается в игре. Не говоря уже о том, что вы можете исчезнуть на любой процент вам нравится.