keyUp / keyDown上的fadeOut（旧）文本和fadeIn（新）文本

Question

我正在玩Keyup / down，当内容更改时，我真的希望在输出上使用淡入和淡入。

这是我到目前为止得到的：

$(document).ready(function() {
  //this calculates values automatically 
  calculateSum();
  $(".txt").on("keydown keyup", function() {
    calculateSum();
  });
});

function calculateSum() {
  var sum = 0;
  //iterate through each textboxes and add the values
  $(".txt").each(function() {
      //add only if the value is number
      if (!isNaN(this.value) && this.value.length != 0) {
          sum += parseFloat(this.value);
          $(this).css("background-color", "#FEFFB0");
      }
      else if (this.value.length != 0){
          $(this).css("background-color", "red");
      }
  });
	$("#sum1").val(sum.toLocaleString('de-DE')+',-');  
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <tr>
    <td width="40px">1</td>
    <td>Number</td>
    <td><input class="txt" type="text" name="txt" /></td>
  </tr>
  <tr>
    <td>2</td>
    <td>Number</td>
    <td><input class="txt" type="text" name="txt" /></td>
  </tr>
  <tr>
    <td>3</td>
    <td>Number</td>
    <td><input class="txt" type="text" name="txt" /></td>
  </tr>
  <tr id="summation">
    <td  colspan ="2" align="right">
        Sum :
    </td>
    <td>
      <input type="text" id='sum1' name="input" />
    </td>
  </tr>
</table>

如果您理解其他输入的更改或增加数字，我真的希望对“ sum1”输入进行淡入淡出和淡入淡出效果。

对不起，我的英语不好，但我希望你明白我的意思。

有人解决了吗？