Übergang den Text innerhalb eines div

Question

Ich habe eine Tabelle von Positionen mit Mengen und der Benutzer kann wählen oder abwählen Elemente. Ich habe ein Element auf der Seite, dass, wenn eine Änderung in der Auswahl (en) erfolgt, insgesamt für die ausgewählten Elemente berechnet wird.

Hier ist, was meine Funktion sieht aus wie das Summen der Werte.

function ComputeTotalPayment() {
    var sum = 0;

    $.each($("[id^='payment-amount-']"), function () {
        //...compute sum here
    });

    if ($('amount-total'))
        $('#amount-total').text('$' + sum.toFixed(2));  //display
}

Wenn ich den Text von amount-total (a div) zu ändern, ist es eine Möglichkeit, die Zahlen zu bekommen von dem alten Wert in den neuen Wert zu verblassen?

Answer 1

So etwas wie dies:

$("#amount-total").fadeOut(function(){ $(this).text("test").fadeIn(); })

Answer 2

Bei den Text ändern, könnten Sie zunächst verblassen der Text, dann den Inhalt Änderung vornehmen, dann verblassen sie zurück in

Answer 3

Sie können einen Klon des DOM-Objekt machen, Position an der gleichen Stelle wie alt man dann Ausblendung der alten und in den neuen ein Verblassen dann die alte löschen.