JQuery заменить с - исчезать

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 чуть дальше с FadeTo. Я также включил функцию .html, которую вы обсуждали. Я предпочитаю fadeTo, потому что он дает вам небольшую гибкость и позволяет избежать нежелательного поведения, если функция stop () оказывается в игре. Не говоря уже о том, что вы можете погаснуть в любом процентном соотношении.