Всем привет!
Есть такой код
if(telephonetopvalid == true && nametoplen >= 4 && descworksvalid == true) {
// если обе проверки пройдены
// сначала мы скрываем кнопку отправки
$("#sendtop").hide();
$("#sendtop").after("<div class='otpravka'>отправка...</div>");
$.ajax({
type: 'POST',
url: 'mailorder.php',
data: $("#signuptop").serialize(),
success: function(data) {
$('.telephonetop, .fnametop, .descworks').val('');
$(".otpravka").replaceWith(data);
$(".success_mess, .error_mess").delay(2000).fadeOut("slow");
$("#sendtop").show();
},
error: function(data) {
$('.telephonetop, .fnametop, .descworks').val('');
$(".otpravka").replaceWith("<div class='error_mess'>Ошибка на сайте! Сообщение не отправилось!</div>");
$(".error_mess").delay(3000).fadeOut("slow");
}
});
}
Что это такое:
После нажатия на кнопку она пропадает
появляется надпись "отправка..."
Затем эта надпись заменяется на то что ответит сервер (два варианта <div class="error_mess">Вы уже заказали, дождитесь звонка!</div> или <div class='success_mess'>Сообщение отправлено, спасибо!</div> )
после этого надпись ответа сервера заменяется снова на кнопку которая была до нажатия..
Сейчас в приведенном коде это так и проиходит, но только мгновенно и одновременно, как сделать чтобы последовательно выполнялись действия которые я описал выше. Помогите пожалуйста. Ман курил, не помогло.