JQuery формы анимации при отправке

Question

Каков наилучший способ затухания формы и затухания в результатах при использовании плагина формы jQuery? (http://jquery.malsup.com/form/#getting-started)

<script type="text/javascript">

// prepare the form when the DOM is ready 

$(document).ready(function() { 
var options = { 
    target:        '#t5',  
    beforeSubmit:  showRequest,  
    success:       showResponse   
}; 

// bind to the form's submit event 

$('#t5_booking').submit(function() { 
    $(this).ajaxSubmit(options); 
    return false; 
    }); 
});  

// pre-submit callback 

function showRequest(formData, jqForm, options) { 
    var queryString = $.param(formData); 
    // alert('About to submit: \n\n' + queryString); 
}

// post-submit callback 

function showResponse(responseText, statusText, xhr, $form)  { 
} 
</script>

Answer 1

вы можете использовать функции обратного вызова, как это:

function showResponse(responseText, statusText, xhr, $form)  {
    $($form).fadeOut('slow', function(){ // or maybe $form.fadeOut('slow', function(){
        // show your result with fadeIn func
        $('#resultdiv').html(responseText).fadeIn('fast');
    });
}

вы можете использовать обратный вызов тоже в fadeIn