https://legacy.forums.gravityhelp.com/topic/jquery-slideup-form-on-submit Gravity Support Forums Topic: jQuery .slideUp Form on Submit en-US Mon, 20 Apr 2026 16:54:08 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/jquery-slideup-form-on-submit#post-22661 Wed, 06 Apr 2011 17:32:45 +0000 brianrhea 22661@https://legacy.forums.gravityhelp.com/ <p>Like a Boss.</p> <p>Thanks David! </p> https://legacy.forums.gravityhelp.com/topic/jquery-slideup-form-on-submit#post-22573 Tue, 05 Apr 2011 16:58:10 +0000 David Smith 22573@https://legacy.forums.gravityhelp.com/ <p>Try replacing your script block with this updated code: <a href="http://pastie.org/1760487" rel="nofollow">http://pastie.org/1760487</a> </p> https://legacy.forums.gravityhelp.com/topic/jquery-slideup-form-on-submit#post-22571 Tue, 05 Apr 2011 16:22:11 +0000 brianrhea 22571@https://legacy.forums.gravityhelp.com/ <p><a href="http://test.dalworthrestoration.com/" rel="nofollow">http://test.dalworthrestoration.com/</a> </p> https://legacy.forums.gravityhelp.com/topic/jquery-slideup-form-on-submit#post-22526 Tue, 05 Apr 2011 11:45:58 +0000 David Smith 22526@https://legacy.forums.gravityhelp.com/ <p>Can you post a link to the form so I can check it out? </p> https://legacy.forums.gravityhelp.com/topic/jquery-slideup-form-on-submit#post-22523 Tue, 05 Apr 2011 11:39:19 +0000 brianrhea 22523@https://legacy.forums.gravityhelp.com/ <p>Hmm, not working on the first effort.</p> <p>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. </p> https://legacy.forums.gravityhelp.com/topic/jquery-slideup-form-on-submit#post-22518 Tue, 05 Apr 2011 11:29:50 +0000 David Smith 22518@https://legacy.forums.gravityhelp.com/ <p>You'd want it in the &lt;head&gt; section which would be above the body tag; but yes, assuming the IDs you are targeting with your jQuery animations are correct, that should work. :) </p> https://legacy.forums.gravityhelp.com/topic/jquery-slideup-form-on-submit#post-22516 Tue, 05 Apr 2011 11:27:56 +0000 brianrhea 22516@https://legacy.forums.gravityhelp.com/ <p>Thanks David,</p> <pre><code>&lt;script type=&quot;text/javascript&quot;&gt; jQuery(document).bind(&#39;gform_confirmation_loaded&#39;, function(){ $(&#39;#contact-form&#39;).slideUp(&#39;slow&#39;); $(&#39;#form-success&#39;).slideDown(&#39;slow&#39;); }); &lt;/script&gt;</code></pre> <p>So do I understand correctly that I can active Ajax submission and insert the above code just above the &lt;/body&gt; tag of my page and expect to see correct behavior? </p> https://legacy.forums.gravityhelp.com/topic/jquery-slideup-form-on-submit#post-22404 Mon, 04 Apr 2011 11:43:28 +0000 David Smith 22404@https://legacy.forums.gravityhelp.com/ <p>Hi Brian,</p> <p>Assuming your form is using the AJAX submission feature, you can bind your function to the <strong>gform_confirmation_loaded</strong> javascript event. Here is some sample code:</p> <pre><code>[js] &lt;script type=&quot;text/javascript&quot;&gt; jQuery(document).bind(&#39;gform_confirmation_loaded&#39;, function(){ alert(&#39;Confirmation Loaded!&#39;); }); &lt;/script&gt;</code></pre> https://legacy.forums.gravityhelp.com/topic/jquery-slideup-form-on-submit#post-22362 Sun, 03 Apr 2011 22:34:46 +0000 brianrhea 22362@https://legacy.forums.gravityhelp.com/ <p>Guys,</p> <p>This is the best cash I've spent on a dev tool since I bought Coda. Nice work!</p> <p>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:</p> <p><code>$(&#39;#contact-form&#39;).slideUp(&#39;slow&#39;); $(&#39;#form-success&#39;).slideDown(&#39;slow&#39;);</code></p> <p>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.</p> <p>Is there a way to replicate this behavior with Gravity Forms? </p>