Jquery replaceWith - fadeout / FADEIN

Question

Je pense que cela va venir à travers des choses très basique mais je suis tout nouveau dans le monde merveilleux de jquery.

Heres mon code simple remplacement de travail:

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

Ce que je suis en train de réaliser est fondu sur « oui » div puis fondu dans le nouveau « non non » Span

Les gars idées?

Answer 1

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

utiliser la fonctionnalité de rappel fadeOut fournit

Answer 2

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

je prendrais de DoXicK suggestion un peu plus loin avec fadeTo. J'ai aussi incorporé la fonction .html vous discutiez. Je préfère fadeTo parce qu'il vous donne un peu de souplesse et évite un comportement non désiré si la fonction stop () se termine en jeu. Sans oublier que vous pouvez effacer à tout pourcentage que vous aimez.