阿賈克斯形式提交後崩潰div和改變圖像從div

Question

所以，我有一個背景圖像（信封）的形式。提交後，我想留在同一頁面上，並摺疊包含表單的部分div，並只顯示一個圖像，謝謝你bla bla。如何做到這一順利崩潰和更換？如果任何人有一些想法或鏈接，我將不勝感激。

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#form1").submit(function(){ 
      $("#formplic").html("<img src='images/thanks.png'/>"); 
     }); 
    }); 
</script> 

<div id="formplic"><img src="images/form.png"/></div> 

<form id="form1" action="send.php" onSubmit="return chkForm(this)" name="form1" method="post" > 
    <textarea name="message" cols="4" rows="4" id="message" value=""></textarea> 
    <input type="text" id="name" name="name" value="" /> 
    <input type="text" id="email" name="email" value="" />  
    <input type="submit" value="" id="submit" /> 
</form> 

Answer 1

有些褪色的東西呢？

$(document).ready(function() { 
    $("#form1").submit(function(){ 
     $("#formplic").fadeOut(1000, function() { 
      $(this).html("<img src='images/thanks.png'/>").fadeIn(1000); 
     }); 
    }); 
}); 

或滑動的東西？

$(document).ready(function() { 
    $("#form1").submit(function(){ 
     $("#formplic").slideUp(1000, function() { 
      $(this).html("<img src='images/thanks.png'/>").slideDown(1000); 
     }); 
    }); 
}); 

這種事情應該是相當直接與一點搜索！