jQuery动画删除弹出错误消息-初学者

Question

我有这个标签，只有当用户执行的操作成功时才​​会显示。

只需显示几秒钟然后消失即可。

<div class="alert alert-success" role="alert">
  Yes. <a href="#" class="alert-link">. You have registered successfully</a>
</div>

我该如何编写一个Jquery方法来为我做这个动画？

Answer 1

只需使用延迟功能，如下所示：

$( "#foo" ).delay( 5000 ).fadeOut( 400 );

其中“ foo”是您的div的ID。

就这么简单！

这是一个JSFiddle：

的jsfiddle

Answer 2

尝试这个：

$(".alert-success").slideDown();
setTimeout(function() {
    $(".alert-success").slideUp();
}, 5000);

5000（毫秒）表示要显示5秒