Como hacer lo siguente en jquery

[adryan310]

Gente, he estado investigando, ahora este es mi actual codigo:

Código Javascript:

function restore(){
  $("body").css("overflow", "auto");
  $('#div_message').empty().html('<img src="images/sending.gif"><span>enviando</span>');
  $(":text").val("");
  $("#txtPhone").val("");
  $("#contactformsubmit").blur();   
}
 
$.ajax({
   data:  parameters,
   url:   '../mail.php',
   type:  'post',
   success:  function (response) {
       $(".show").show();   //mostramos el overlay y lo que hay en el.
       $("body").css("overflow", "hidden"); // desactivamos el scrolling
       $("#div_message").delay(5000).hide(600); //mostramos el GIF por 5 segundos
       $('#div_message').empty().html('<img src="images/yes.png"><span>'+response+'</span>'); // colocamos el contenido nuevo
       $("#div_message").show(); // mostramos el nuevo contenido
                                         
    $(".show").delay(5000).hide(600); // cerramos el overlay definitivamente despues de 5 segundos.     
        setTimeout("restore()", 6000);  // al sexto segundo restauramos los campos y todo queda por defecto             
                                        
}
}).fail( function( jqXHR, textStatus, errorThrown ) {
                               window.console.log('El error es: ' + textStatus)
});
 

Esto me sirve pero a medias ya que me muestra la respuesta de ajax, pero no entiendo porque se va directo a eso si antes le estoy diciendo que me muestre el div donde se muestra el gif que dice enviando durante 5 segundos, alguna ayuda ?