提出後にjQueryフォームのui divをアニメーション化する

Question

jQueryフォームUIのdiv更新を、フォーム送信時にはっきりと表示するのではなく、どのようにアニメーション化できるのか不思議でした。

これは私が私の多段形でこれまでに行った作業です：

http://licf.ronaldboadi.com/practice/test.html

Answer 1

あなたがデータを処理し、あなたのdivの準備を使用して、フェードを持っていたら、している間は、ロードGIFを使用することができますアニメーションで。

//Assuming you have a $.ajax request to submit the form: 

//add the loading gif 
$('#submitform').html('<img src="loading.gif" />'); 

//send your form data 
$.ajax({ 
    url: "process.php", 
    data: { 
     param1: 1, 
     param2: 2, 
     param3: 3 
    }, 
    success: function(data){ 
     //hide the div, assuming the process.php return simple html code to your page update the div content, then add the fade in animation 
     $('#submitform').hide().html(data).fadeIn('slow'); 
    } 
});