Cacher/montrer tableau html après ajout dans la base de données

bonjour, j ai un formulaire qui permet d'ajouter des donnée dans une base de données. maintenant après l ajout je veux afficher les données dans ta table en utilisant jquery , pour je voudrais cacher le tableau lors de l ajouter apres l afficher apres l'ajout.

je sais que les fonction hide() et show() permet de le faire mais je ne sais comment l'utiliser merci d'avance pour tout aide

voici un code de ma page pour bien comprendre
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <div> <form action=""> <label></label> <input type="text" name="nom"> <button id="enreg" name="enregistrer">enregristrer </button> </form> </div> <div> <table id="idtalbe"> <tr> <th></th> </tr> <tr> <td></td> </tr> </table> </div>

Bonjour,

où se trouve le code d'alimentation de la table ?

bonjour, merci de votre reponse , j ai pas mis le code d'alimentation j aimerai savoir comment le faire avec jquery.

merci d'avance d'avance

bonjour mon code complet pour l'alimentation de la table

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
 
    <html>
     <head>
     <title>Formulaire  dInscription</title>
 
     <link rel="stylesheet" href="css/style.css" />
         <script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
<script type="text/javascript">
 
$(document).ready(function(){
 
    $("#cacheeleve").hide();
 
    if($('#enreg').on('submit',function())
    {
  	  $("#cacheeleve").show();
    }
});
 
 
 
 
 
 
</script>
 
 
 
  </head>
   <body>
       <div id="corps">
 
		        <?php
    
          $chemin='header/';
         include($chemin.'logo.php');
         
          $chemin='header/';
         include($chemin.'banniere.php');
       
          $chemin='menu/';
         include($chemin.'menuadmin.php');
       
          ?>
 
 
		       <div id="contenu">
		         <div>
		       <form  class="formadd" action="inscrireEleve.php"   method="post" id="enreg">
            <table>
                      <caption>Ajouter Un  Eleve</caption>        
               <tr>
                <td><label> Nom  :</label></td>
               <td> <input type="text"  name="nom"  required="required" /></td>
               </tr>
               <tr>
               <td><label> Prenom:</label></td>
               <td> <input type="text"  name="prenom"  required="required" /></td>
               </tr>
                 <tr>
               <td><label> Sexe:</label></td>
               <td> 
                  <select name="sexe">
                  <option value="masculin">Masculin </option>
                  <option  value="feminin">féminin</option>
 
                  </select>
               </tr>
                <tr>
               <td><label> Age:</label></td>
               <td> <input type="text"  name="age"  required="required" /></td>
               </tr>
               <tr>
                 <td><label> Adresse:</label></td>
               <td> <input type="text"  name="adresse"  required="required" /></td>
               </tr>
               <tr>
                <td><label> Email :</label></td>
                <td><input type="text"  name="email"  required  /></td>
                </tr>
 
                 <tr>
                  <td><label> Telephone:</label></td>
                  <td> <input type="text"  name="phone"  required="required" /></td>
                 </tr>
                  <tr>
               <tr>
                 <td></td>
            <td> <button   id="enreg"  type="submit"   name="enregistrer"  value="Enregistrer">enregistrer</button></td>
               </tr> 
             </table>
         </form>
		     </div>
 
		         <div>
		                <table class='abonnes'  id="cacheeleve">
		                <caption> eleve ajouté  </caption>
		                <tr>
		                   <th>matricule</th>
		                   <th>nom</th>
		                   <th>prenom</th>
		                   <th>sexe</th>
		                   <th> age</th>
		                   <th>adresse</th>
		                   <th>email</th>
		                    <th>telephone</th>
		                     <th>inscrire</th>
		                </tr>
 
		                 <?php     
		      //   include_once("config/connexion.php");
		             mysql_connect("localhost", "root", "");
                       mysql_selectdb("gestionecole");
		        $req=mysql_query("select  * from eleve  ORDER BY id DESC LIMIT 1");
 
		        while ($data=mysql_fetch_assoc($req))
		        {
 
		        ?>
		                <tr>
		                  <td class='cellule_tab'><?php echo $data['matricule'] ?></td>
		                  <td class='cellule_tab'>  <?php echo $data['nom'] ?> </td>
		                  <td class='cellule_tab'><?php echo $data['prenom'] ?></td>
		                  <td class='cellule_tab'><?php echo $data['sexe'] ?></td>
		                  <td class='cellule_tab'><?php echo $data['age'] ?></td>
		                  <td class='cellule_tab'><?php echo $data['adresse'] ?></td>
		                  <td class='cellule_tab'><?php echo $data['email'] ?></td>
		                  <td class='cellule_tab'><?php echo $data['telephone'] ?></td>
		                  <td class='cellule_tab'>inscrire</td>
		                </tr>
 
		             <?php 
                        
                        }
                        ?>   
		                </table>
 
 
		         </div>  
 
		        </div>
            <?php
                         $chemin='header/';
         include($chemin.'pied.php');
           ?>
      </div>
   </body>
   </html>

merci d'avance