Question

I have implemented this solution..

http://tutorialzine.com/2010/10/ajaxed-coming-soon-page/

However, on submit, I would like the form to disappear and the “thank you” text displayed. Currently, the form remains and the “thank you” text is displayed in the textbox.

What would I have to change?

Thank you!

Answer 1

<script type="text/javascript">

    function submitandhide(){

        $("#form").hide();
        /**

            send you ajax request and on success 
            show thank you message

        **/


        $("#thankyou").show();
    }
</script> 

<form id="form">    
    <input type="text" />
    <input type="submit" onclick="submitandhide(); return false;"/>
</form>
<div style="display:none" id="thankyou">
    THANK YOU
</div>