Переход текста внутри div

Question

У меня есть таблица позиций с суммами, и пользователь может выбирать или отменять позиции. У меня есть элемент на странице, который, когда происходит изменение в выборе (ях), для выбранных элементов вычисляется общая сумма.

Вот как выглядит моя функция, суммирующая значения.

function ComputeTotalPayment() {
    var sum = 0;

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

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

Когда я изменяю текст amount-total (div), есть ли способ заставить цифры исчезать из старого значения в новое значение?

Answer 1

Как то так?:

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

Answer 2

После изменения текста вы можете сначала поменять текст, затем внести изменения в содержимое, а затем снова затушевать его в

Answer 3

Вы можете сделать клон объекта dom, расположив его в том же месте, что и старый, затем исчезнуть старое, а затем исчезнуть в новом, а затем удалить старый.