Jquery ReplaceWith - dissolvenza / FadeIn

Question

Credo che questo sta per imbattersi in cose molto semplici, ma sono nuovo di zecca al meraviglioso mondo di jQuery.

Ecco il mio semplice lavoro sostituire il codice:

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

Quello che sto cercando di realizzare è fade out di "sì sì" div poi dissolvenza nel nuovo "no no" arco

Tutte le idee ragazzi?

Answer 1

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

utilizzare la funzionalità di richiamata fadeOut fornisce

Answer 2

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

mi piacerebbe prendere del DoXicK suggestione solo un po 'più avanti con FadeTo. Ho anche incorporato la funzione .html si stava discutendo. Io preferisco fadeTo perché ti dà un po 'di flessibilità ed evita un comportamento indesiderato se la funzione stop () finisce in gioco. Per non parlare si può sbiadire a qualunque percentuale che ti piace.