afficher div et cacher les autres

J'ai créé un fichier php qui grace à une fonction javascript permet d'afficher et masquer des div.

Je dois cliquer sur un élément spécifique d'une des lignes de mon tableau pour que la div s'affiche et je dois recliquer dessus pour qu'elle se cache.
Le problème c'est que j'aimerais que seule une seule div soit visible en même temps ! c'est à dire que lorsque je clique sur la ligne 6 et que la div1 est affiché je veux que la div1 se masque et la div6 s'ouvre

Je ne sais pas si je suis très clair

voici ma fonction js :

Code:

---

1 2 3 4 5 6 7 8

function afficherDetail(A,B) { var ch; ch="&a="+A+"&b="+B; dest="detail"+A+B; document.getElementById(dest).style.display=document.getElementById(dest).style.display=="none"?"block":"none"; afficherPage("det.php",ch,dest); }

---

mon souci est donc avec les document.getElementById. Je ne sais pas du tout comment faire.

La solution des boutons est super mais je ne veux qu'une seule fonction et que ce soit un lien direct dans mon tableau qui affiche et masque les div.

J'éspère que vous pourrez m'aider !

Merci d'avance

Tchup ! ;) ;)

Bonjour,
lors du clic pour afficher une div, il te suffit de stocker son id dans une variable globale.
Lors du clic suivant, il te suffira de masquer le div dont l'id est stocké.
Ça t'évite d'avoir à balayer tout tes div pour les masquer ;)
Pense juste à tester l'existence de l'id stocké, sinon tu risques d'avoir une erreur systématique lors du 1° clic ...

A+

merci pour cette réponse :ccool: mais t'aurais pas un exemple stoplait car la je ne vois pas trop comment faire 8O!

Citation:

---

Envoyé par melodide

mais t'aurais pas un exemple stoplait car la je ne vois pas trop comment faire 8O!

---

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

var div_precedent="";   function afficherDetail(A,B) {var ch; ch="&a="+A+"&b="+B; dest="detail"+A+B;   if (document.getElementById(div_precedent)) // Teste si le div existe document.getElementById(div_precedent).style.display="none"; // Le masque   document.getElementById(dest).style.display=document.getElementById(dest).style.display=="none"?"block":"none";   div_precedent= dest; // Mémorise le div affiché pour le masquer lors du prochain clic   afficherPage("det.php",ch,dest); }

---

A+

Merci merci merci !!:ccool: sa fonctionne problème résolu :D