title: form action to display a hidden div and then go to the .php page in the form action?
body: <p>This is a bit difficult to explain but I will try my best.</p>
  
  <p>I have a <code>&lt;form&gt;</code> that has an action. in the form action I have a <code>.php</code> file that executes a few PHP functions once the form is submit. this works fine.</p>
  
  <p>I also have a div with a <code>display:none;</code> in the page with the form.</p>
  
  <p>now, what I want to do is to display the DIV that is hidden for a few seconds once the form is submitted and then go to the form action which is the <code>.php page</code> so it can execute the PHP functions.</p>
  
  <p>I did try the following code however, it will display the hidden div and will not execute the PHP page nor dose it go to the .php page in the form action!</p>
  
  <p>I thought about using AJAX but AJAX executes the PHP code/page behind the scene so it won't direct the users to the <code>.php</code> page in the form action. I need the users to go to the <code>.php</code> page so using AJAX is out of question.</p>
  
  <p><strong>Here is the code for form:</strong></p>
  
  <pre><code>&lt;form action="execute.php" method="post" name="orderform" class="register"&gt;
    &lt;input name="firstname" type="text" class="long" id="firstname"  /&gt;
    &lt;input name="lastname" type="text" id="lastname"  /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><strong>and here is the code to display the hidden div:</strong></p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
     $("#submit").click(function(){
       $( "#div" ).show('slow');
     });
  &lt;/script&gt; 
  </code></pre>
  
  <p>could someone please help me out with this?</p>
  
  <p>Thanks in advance</p>