show/hide - the form will not close even after clicking the submit, unless user click the hide
<pre><code>&lt;head&gt;
  &lt;script src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt;
&lt;/head&gt;

&lt;button id="hidr"&gt;Hide&lt;/button&gt;
&lt;button id="showr"&gt;Show&lt;/button&gt;
&lt;div&gt;
&lt;span style='display:none'&gt;

&lt;?php
    &lt;form id='form1' name='form1' method='post' action='do.php?sales/new_stat_rep'&gt;
        &lt;table  class='generic'&gt;

        &lt;tr bgcolor='13a0ff'&gt;&lt;td colspan='6'&gt;&lt;center&gt;&lt;b&gt;CREATE STATUS REPORT&lt;/b&gt;&lt;/center&gt;&lt;/td&gt;&lt;/tr&gt;
            &lt;tr bgcolor='4ab6ff'&gt;
                &lt;td&gt;J.O. Date&lt;/td&gt;&lt;td&gt;&lt;input type='text' name='sm_jodate' value='MM/DD/YYYY' onfocus='showCalendarControl(this)' style='width:100%'&gt;&lt;/td&gt;
                &lt;td&gt;Proposal Number&lt;/td&gt;&lt;td&gt;&lt;input type='text' name='sm_proposalno' style='width:100%'&gt;&lt;/td&gt;
                &lt;td&gt;Project Duration&lt;/td&gt;&lt;td&gt;&lt;input name='sm_proj_duration' type='text' style='width:100%'&gt;&lt;/td&gt;
            &lt;/tr&gt;

        &lt;/table&gt;
            &lt;input type='submit' value='Save' name='sumbit'&gt;
            &lt;input type='hidden' name='button' value='yes'&gt;
    &lt;/form&gt;

?&gt;

    &lt;/span&gt;

  &lt;/div&gt;

&lt;script&gt;
    $("#showr").click(function () {
      $("span").show(1000);
    });
    $("#hidr").click(function () {
      $("span:last-child").hide("fast", function () {
        // use callee so don't have to name the function
        $(this).prev().hide("fast", arguments.callee); 
      });
    });


&lt;/script&gt;
</code></pre>

<hr>

<p>This code has a 2 button at first the hide and show.. in order to view the form the user must click the show. My concern, if is possible when i submit the inputs in form the form will not close, unless the user click the hide. button, and how to do that</p>
