с использованием jQuery это может выглядеть примерно так:
HTML:
<div id="container1">
//здесь ваша форма
</div>
<div id="container2">
//здесь благодарности
</div>
#container2 {text-align: center; display: none;}
в css
и если Ajax отработал успешно - вызываете это:
function fadeonsuccess() {
$('#container1').fadeOut(700, "linear", function(){
$('#container2').delay(400).fadeIn(700, "linear").delay(3000).fadeOut(700, "linear", function(){
formreset();
$('#container1').fadeIn(700);
});
});
}
Оно вам так красивеньком зафейдит одно на другое)))
вуаля! :)