當表單提交成功時隱藏div

Question

我想隱藏div並顯示另一個，如果表單提交成功，我想我必須使用jquery的.hide()和.show()類，但我不知道如何。有人可以幫我嗎？

CSS

.hidden{display:none} 
.main{} 

PHP

<div class="main> 
    <form action="" method="post"> 
    <!--all the stuff to be hidden goes here--> 
    <input type="submit" name="submit"> 
    </form> 
    </div> 

    <div class="hidden"> 
    <div>Form has been successfully submitted</div><!-- will be visible upon successful form submision--> 
    </div 
    <?php 
    if(isset($_post['submit']){ 
    if(!empty($var_1) || !empty($var_2)) 
     { 
     //insert in to database 
     //success 
     } 
     else{ 
      //something is wrong. 
     } 
     } 

Answer 1

<?php 

if (isset($_post['submit']) && (!empty($var_1) || !empty($var_2)) { 

    //insert in to database 

} else { 
?> 

<form ...> 
</form> 

<? 

} 

Answer 2

我會解決它像這樣：

<?php 
if(isset($_post['submit']){ // Form is submitted 
if(!empty($var_1) || !empty($var_2)) 

    { // success, insert in to database 

    ?> 

<div class="hidden"> 
<div>Form has been successfully submitted</div> 
<!-- will be visible upon successful form submision--> 
</div 

<?php 
    } // success, insert in to database 

    else { // something is wrong. 

?> 

<form action="" method="post"> 
<!--all the stuff to be hidden goes here--> 
<input type="submit" name="submit"> 
</form> 

<?php 
    } // something is wrong. 
    } // Form is submitted 
?>