phpのフォームをphpのjqueryで表示する

Question

3つのフォームがあり、いくつかの挿入クエリがあり、どの変数が$ _POSTから来るかに基づいてif（isset（））で区切られたPHPファイルがあります。私はフォームがページの中央に表示されるようにしたいと思います。ユーザーがsubmitを押すとフォームがフェードアウトし、次のフォームが表示されます。どうやってやるの？例えば

ユーザの押下があれば（ISSET（））が挿入クエリにある送信する場合、これは最初のフォーム

<?php if (!isset($_POST['date'])): ?> 
     <?php if (!isset($_GET['id'])):?> 
     <form method="post" action="<?php echo $_SERVER['PHP_SELF']?>"> 

      Date : 
      <input type="text" name="date" id="date"> </br> 
      <input type="submit" value="Submit" /> 
     </form> 
     <script> 
      $("#date").datepicker(); 
     </script> 
     <?php endif;?> 
      <?php endif;?> 

そしてあります。

INSERTクエリは、別の形

<?php if (isset($_GET['id'])): ?> 

       <form action="<?php echo $_SERVER['PHP_SELF']?><?php echo " ?id=" . $_GET['id'] . " &date=" . $_GET['date'] . " &seats=" . $_GET['seats']; ?>" method="post"> 

        Ώρα : 
        <input type="text" name="time"> 
        <input type="submit" name="submit"> 
       </form> 
       <?php endif;?> 

だから私が欲しいのは私のページの中央にそれらを表示することがありますが、私は別のページを開くには、私が提出すると、彼らはフェードアウトします押すたびに持っていけない後（または類似のもの）を表示し、次のフォームを表示します。

Answer 1

あなたはcssでこれを行うことができるように聞こえます。私はあなたの質問を理解するかわからない。

• 表示一度にページ上のすべての3つのフォーム - >なしISSETのもの、私はそれが
• のためにそこにある」とは、ユーザーがクラスに見られたくないものを隠して何を得ることはありません.hide "
• jqueryでフォームを送信します。ページをリロードする必要はありません。提出後、あなただけ隠すようにそのクラスを設定し、次のフォーム

form{ 
 
    transition: opacity 2s; 
 
} 
 
form.hide{ 
 
    opacity:0; 
 
}

から皮を取り除くことによってsumbmitted 1を隠します