Question

All,
I’ve got the following jQuery code:

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");
    });

I’d like to fade out the results div after a certain amount of time (5 seconds).

In addition to that, if I resubmit the form, I’d like to display the results div again for another five seconds and then fade it out again.

Can anyone point me in the right direction on how to do this?

Thanks!

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");
});