Javascript 如何覆盖css动画

我有一个警报分区，一旦它弹出，我必须等到它完全消失，然后才能出现下一个动画。有没有办法忽略/取消动画，让它被新动画覆盖？所以每当我按下按钮时，它就会重新发出警报

$('.button').hover(function () {
  $('#alert-me').show();
  $("#alert-me").fadeOut(6000);
});


<div class="hidden-div" id="alert-me">
     <b> hello! </b>
</div>    

$（'.button'）。悬停（函数（）{
$（“#提醒我”）.show（）；
美元（“#提醒我”）。淡出（6000）；
});
你好

在

show（）

方法的回调中，您可以隐藏它

$('.button').hover(function () {
  $('#alert-me').show(function(){
    $("#alert-me").fadeOut(6000);
  });

});

---

一个简单的选项是在

.show（）

播放动画之前先

.finish（）

完成动画

工作示例：

$（'.button'）。悬停（函数（）{
$（“#提醒我”）.finish（）.show（）；
美元（“#提醒我”）。淡出（6000）；
});
.hidden div{
显示：无；
}
.按钮{
边框：1px纯灰；
填充：0.5em；
边缘：0.5em；
}

按钮
你好
您可以使用jquery的“finish（）”结束jqueryanimation@ShobhitSrivastava是的，谢谢：）成功了。