Display the second form after the first form

  • Resolved Bakhshi

    (@bakhshi)


    4 years, 7 months ago

    Hello
    I have two forms on one page and I don’t want to use just one form!

    Something can be done:
    When the user enters the first form information
    The first form disappears and
    Then display the second form?

Viewing 1 replies (of 1 total)
  • Plugin Author codepeople

    (@codepeople)

    Hello @bakhshi

    Your question is not about our plugin, you are talking about basic javascript and CSS code.

    Assuming you have inserted the second form into a DIV tag with an unique ID, that is hidden by default, for example:

    <div id="second_form" style="display:none;">...the second form shortcode here...</div>

    as you can see the form will be hidden because it is inserted into a div tag with style="display:none;"

    Now, in the first form, as part of an equation, or as the onclick event of a button, or into the structure and conditions you want, you can insert the piece of javascript code:

    
jQuery('#second_form').show();

    and that’s all.

    In the same way if you want hide the first form, insert into a DIV with an unique id:

    <div id="first_form">...the first form shortcode here...</div>

    and the code in this case would be:

    
jQuery('#first_form').hide();

    Best regards.

Viewing 1 replies (of 1 total)
  • The topic ‘Display the second form after the first form’ is closed to new replies.