Jquery 隐藏/显示延迟

Question

我在同一个地方有 2 个方 block ，人们可以在其中输入数字，如果没有数字它会隐藏。

但我想给他们时间将其更改为另一个号码。所以我延迟了与ms的隐藏。但随后他们会看到隐藏/显示的动画。

$('#FenceMeters').on('input', function() {
  if($('#FenceMeters').val() != "" && Number($('#FenceMeters').val()) >=5){
     $('#testje').show();
     $('#SummaryHTML').hide();
  } else{
    $('#testje').hide(1000);
    $('#SummaryHTML').show();
  }
});

有办法解决吗？

Answer 1

如果你想延迟 hide() 就使用这个

$('#FenceMeters').on('input', function() {
  if($('#FenceMeters').val() != "" && Number($('#FenceMeters').val()) >=5){
     $('#testje').show();
     $('#SummaryHTML').hide();
  } else{
    $('#testje').delay(5000).hide(1000); // delays hide with 5000 milliseconds
    $('#SummaryHTML').show();
  }
});