Menu déroulant click sur enfants
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:
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:
1 2 3
|
.div2{display:none;}
.div1{cursor:pointer;} |
Code:
1 2 3 4 5 6 7
| $(function(){
$(".div1").click(function(){
$(".div2").slideToggle(100);
});
}); |