Bonjour,
J'ai un code pour ouvrir et fermer une div en masquant un lien. Comme j'ai 3 div masquées, j'ai trois liens.
Quand je clique un lien, la div correspondante s'affiche. Si je clique "fermer" elle se referme.
Si j'ouvre une div puis une autre, la précédente déjà ouverte le reste. Or je voudrais qu'elle se referme. Idem bien sûr si il y a déjà deux div ouvertes et que j'en ouvre une troisième.
Ainsi le but est de n'avoir toujours qu'une seule div ouverte à la fois sans avoir à la ou les fermer manuellement.
Voici le code dans les balises head :
Et voici le code dans la page :
Code : 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
17
18
19
20 <script type="text/javascript"> function switchDiv1() { var signature = document.getElementById('signature'); if (signature.style.display=="none") signature.style.display = ""; else signature.style.display = "none"; } function switchDiv2() { var envoiMP = document.getElementById('envoiMP'); if (envoiMP.style.display=="none") envoiMP.style.display = ""; else envoiMP.style.display = "none"; } function switchDiv3() { var voirMP = document.getElementById('voirMP'); if (voirMP.style.display=="none") voirMP.style.display = ""; else voirMP.style.display = "none"; } </script>
Voilà donc en l'état ça fonctionne, mais je ne sais pas comment modifier le code pour qu'à chaque fois que j'ouvre une div la ou les autres se ferment si elles sont ouvertes.
Code : 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
17
18
19
20 Les liens : <span class="java" onClick="switchDiv1();"> modifier la signature</span> <span class="java" onClick="switchDiv2();"> envoyer un MP</span> <span class="java" onClick="switchDiv3();"> voir les MP</span> Les divs : <div class="baliseDiv" style="display:none;" id="signature"> signature <span class="java" onClick="switchDiv1();"> Fermer</span> </div><!--ferme baliseDiv --> <div class="baliseDiv" style="display:none;" id="envoiMP"> envoiMP <span class="java" onClick="switchDiv2();"> Fermer</span> </div><!--ferme baliseDiv --> <div class="baliseDiv" style="display:none;" id="voirMP"> voirMP <span class="java" onClick="switchDiv3();"> Fermer</span> </div><!--ferme baliseDiv -->
Merci d'avance
Partager