jquery - 如何重置淡出功能？

Question

我想在用户单击按钮时显示几秒钟的文本。目前，当我单击按钮时，文本会显示并淡出，但我无法重复该操作。

此处演示:http://codepen.io/sol_b/pen/gLeMZR

这是我的代码:

$('#add').click(function() {
  $('#add').hide();
  $('#remove').show();  
  $('#message').html('Added!').delay(3000).fadeOut();
})

$('#remove').click(function() {
  $('#remove').hide();
  $('#add').show();
  $('#message').html('Removed!').delay(3000).fadeOut();
})

有没有办法重置该功能，使其可以多次工作？

Answer 1

您需要调用fadeIn()表演前fadeOut()

$('#message').html('Removed!').fadeIn().delay(3000).fadeOut();