JQuery replaceWith - fadeout / FadeIn

Question

Ich denke, das sehr grundlegenden Dinge stoßen wird, aber ich bin ganz neu in der wunderbaren Welt der jquery.

Heres meines einfacher Arbeits Code ersetzt werden:

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

Was ich versuche, verblasst zu erreichen ist fade out von „ja ja“ div dann in den neuen „nein nein“ span

Alle Ideen, Jungs?

Answer 1

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

verwenden Sie die Callback-Funktionalität fadeOut bietet

Answer 2

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

Ich würde nehmen DoXicK des Vorschlag nur ein wenig weiter mit fadeTo. Ich enthielt auch die .html-Funktion Sie besprachen. Ich ziehe es fadeTo, weil es Ihnen ein wenig Flexibilität gibt und vermeidet einige unerwünschte Verhalten, wenn der Anschlag () Funktion im Spiel endet. Ganz zu schweigen von Ihnen zu, was Prozentsatz verblassen können Sie wie.