jQuery动画显示slidedown，show和fade的流程

Question

我想问一下，我怎么可能创建一个动画流来显示更新状态，该动态流将通过以下流程进行动画处理：

1. 表单已成功更新
2. SlideDown在div中显示成功状态消息
3. 显示此消息5秒
4. 5秒钟后淡出消息

这就是我到目前为止......

$("#status").empty().append("successfully updated." );
$('#status').slideDown('fast', function() {
    $("#status").show(5000, function() {
        $("#status").fadeOut('slow');
    });
});

非常感谢。

Answer 1

这是一种方式： HTML：

<form ...></form>
<div id="message" style="display:none;">Update successfull</div>

使用Javascript：

 $('#message').slideDown().delay(5000).fadeOut();

编辑修改您刚添加的代码，您应该这样做：

$("#status").empty().append("successfully updated." );
$('#status').slideDown('fast', function() {
    setTimeout(function(){
        $("#status").fadeOut('slow');
    }, 5000);
});

希望这会有所帮助。干杯

Answer 2

$("#myDiv").text("update successfull").slideDown().fadeOut(5000);