javascript - JQuery onclick div hide/show/reset for next time clicked

Question

来自新手的简单问题：

如何在完成（500 ms）的时间后重置/重新启动功能，以便每次单击特定按钮时重复该功能？

代码工作的第一部分

• 我的 div 在 500 毫秒后消失了

$('.animate-this').click(function () {
    $('p').show().delay(500).fadeOut();
});

第二部分不见了

• 我需要重置功能才能立即重复...我想有一个非常简单的解决方案..

标签： javascriptjquerycss

Answer 1

fadeOut 接受一个回调函数。你可以用那个

function animate() {
  $('p').show().delay(500).fadeOut('slow', function() {
    animate()
  });
}