Bonjour
Je débute en langages... je voudrais que, lorsqu'on clique sur la div1 se déroule la div2 contenant le formulaire de contact et que lorsqu'on clique à nouveau sur la div1, la div2 se referme. Cela fonctionne bien avec le code jquery ci-dessous. Sauf que lorsque l'on clique sur "envoi" la div 2 se referme automatiquement !! Et je voudrais éviter cela. Je n'arrive pas à régler ce problème. Merci de votre aide...

Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
       <body>
 
	   <div class="div1">
		CONTACT
	   </div>
 
		<div class="div2">
			<form method="post"  id="forme" >
			<label for="Votre message" > Message  </label><br/>
 
			<textarea name="message" id="com"  > </textarea><br/>
			<input type="submit" value="Envoyer" id="envoi">
			</form>
		</div>
 
  </body>

Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
 
.div2{display:none;}
.div1{cursor:pointer;}

Code JAVASCRIPT : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
$(function(){
 
$(".div1").click(function(){
$(".div2").slideToggle(100);
});
 
});