Hilfe mit diesem JQuery Ausblendung und in-Anweisung

Question

Ich habe dieses Code-Schnipsel für das Ausblenden eines Elements und ein neues Element in, wenn ein Link geklickt wird. Es funktioniert, aber es ist ein bisschen zucken und manchmal blinkt es vor der Änderung und die Position bewegt sich ... Versuchen Sie es für sich selbst und klicken Sie zwischen den Links hin und her ... Oh, ich sehe diese Störungen in Firefox ...

Schauen Sie hier. http://jsfiddle.net/XHXpt/2/

Answer 1

Es Glitching weil die bereits versteckt <p> Elemente sofort und rufen Sie die complete Rückruf von Ihnen angegebenen ihre Animationen beenden. Sie können dies verhindern, indem nur die :visible ein, so dass diese bereits ausgeblendete nichts tun verblassen, durch diese Veränderung:

$('p').fadeOut('fast', function() { 

Um dies:

$('p:visible').fadeOut('fast', function() { 

You can test out the updated version here.

Answer 2

Hinzufügen: sichtbar wie hier: http://jsfiddle.net/XHXpt/5/