Javascript 根据输入字段的数值隐藏或显示不同的DIV

我有一个表格，根据#balance字段的值，我希望显示某个div。如果#余额字段大于1，我想显示div#more assets，但如果#余额字段为负数，我想显示div#more负债

下面的脚本以相同的形式计算前面两个字段的值，但当我尝试为show hide函数添加更多或单独或第二个js代码时，我被卡住了

我尝试了很多方法，但似乎都没能奏效。我不擅长这类东西，但我认为我的问题可能是我已经在DOM中使用了#balance或其他东西，所以不能使用同一个东西两次

我想知道是否有人能给我指出正确的方向，或者我需要在下面的脚本/代码中添加什么来实现这一点

<label style="margin-top: 20px;">Your Balance: </label>

<input class="form-control text-center balance" id="balance" type="type" name="balance">

<script>
  $(function() {
    $('#assets2, #liabilities').change(function() {
      var yourassets = parseFloat($('#assets2').val()) || 0;
      var yourliabilities = parseFloat($('#liabilities').val()) || 0;
      $('#balance').val(yourassets - yourliabilities);
    });
  });

</script>

<div id="moreliabilities" class="callout">
  <p>Personal liabilities, such as credit cards and loans, can be expensive and you should consider making overpayments before investing.</p>
</div>

<div id="moreassets" class="callout">
  <p>You have more assets than liabilities.</p>
</div>

您的余额：
$（函数（）{
$（“#资产2，#负债”）。更改（函数（）{
var yourassets=parseFloat（$（'#assets2'）.val（））| 0；
var YourResponsibilities=parseFloat（$（“#负债”）.val（））| 0；
$（'余额'）.val（你的资产-你的负债）；
});
});
个人债务，如信用卡和贷款，可能是昂贵的，你应该考虑在投资前支付高额款项。
你的资产比负债多

您可以使用

切换

并根据差值传递布尔表达式。 请参阅下面的代码

$（函数（）{
$（“#资产2，#负债”）。更改（函数（）{
var yourassets=parseFloat（$（'#assets2'）.val（））| 0；
var YourResponsibilities=parseFloat（$（“#负债”）.val（））| 0；
var diff=你的资产-你的负债；
$（'余额'）.val（差异）；
$（“#更多资产”）。切换（差异>0）；
$（“#更多负债”）。切换（diffAbsolute图例