jquery - 一段时间后删除 div

Question

所有， 我有以下 jQuery 代码:

jQuery.post(site_url + "save_data.php", jQuery(this).serialize(),
    function(data) {
        //alert("Data Loaded: " + data);
        jQuery("#results").html(data+"<br><br>");
        jQuery("#check_submission").val("yes");
    });

我想在一段时间(5秒)后淡出结果div。

除此之外，如果我重新提交表单，我想再次显示结果 div 五秒钟，然后再次淡出。

有人能指出我如何做到这一点的正确方向吗？

谢谢!

Answer 1

jQuery.post(site_url + "save_data.php", jQuery(this).serialize(), function(data) {
    //alert("Data Loaded: " + data);
    var results = jQuery("#results");

    results.html(data+"<br><br>")

    results.show(); // re-display the div
    setTimeout(function(){ // then fade it out....
      results.fadeOut();
    }, 5000); // ...after 5 seconds

    jQuery("#check_submission").val("yes");
});