jQuery .slideUp Form on Submit

Guys,

This is the best cash I've spent on a dev tool since I bought Coda. Nice work!

Now, here's a question. Before I bought Gravity Forms I was using Contact Form 7 and on submission, I would initialize the following jQuery:

$('#contact-form').slideUp('slow'); $('#form-success').slideDown('slow');

My contact form would nicely slide away and a previously hidden success message would replace it. This is better than just displaying a message in place of the form because my form is 500px tall and the success message only 150px, so it shifts the rest of the sidebar content up and the design stays intact.

Is there a way to replicate this behavior with Gravity Forms?

Thanks David,

<script type="text/javascript">
   jQuery(document).bind('gform_confirmation_loaded', function(){
     $('#contact-form').slideUp('slow'); $('#form-success').slideDown('slow');
   });
</script>

So do I understand correctly that I can active Ajax submission and insert the above code just above the </body> tag of my page and expect to see correct behavior?

Hmm, not working on the first effort.

Just to clarify, when I go to Widgets and look at the advanced options for that instance of the form, I have Enable AJAX checked, Disable script output unchecked.

http://test.dalworthrestoration.com/

Like a Boss.

Thanks David!