Optimisation d'un display "none"

Bonjour ,

J'ai un petit script qui me permet de deployer ou non un div en fonction d'un clic sur un lien
(le clic sur le lien permet de monter le div non apparent au depart et de le cacher par un second clic et ainsi de suite)
Cependant quand j'en ai plusieurs sur une page je souhaiterais que l'ouverture d'un permette de fermer l'autre qui est ouvert pour n'en fait n'en afficher seulement un a la fois.

Est-ce possible ?

voici mon code actuel :

le script :

Code:

---

1 2 3

function cache(id){ document.getElementById(id).style.display = (document.getElementById(id).style.display == "none")?(""):("none"); }

---

le div

Code:

---

1 2	echo "<div style=cursor:pointer class=... onclick=cache('menu1')>Critiquer ".$row["user_prenom"]."</div>"; echo "<div style=display:none id=menu1>";

---

Actuellement quand j'utilise cette technique pour tout mes div cachés ils sont tous independant et peuvent s'ouvrir et ce fermer sans que cela touche aux autre (ce que je voudrais justement changer... :) )

Bonjour,
il faut que ton script boucle sur les div de ta page et masque ceux dont l'id est différent du paramètre passé.

Code:

---

1 2	for (i=0; i<document.getElementsByTagName("div").length; i++) document.getElementsByTagName("div")[i].style.display = (document.getElementsByTagName("div")[i].id == ton_param)?"block":"none";

---

Tu noteras que la valeur de display est 'block' pour afficher (autant éviter de compter sur les valeurs par défaut) ...
EDIT : Attention, si tu as des div qui ne doivent pas être concernés, il faut ajouter une condition pour les exclure du test ...

A+

Code:

---

1 2 3 4 5 6

function cache(id){ for(var i = 1; i <= 3; i++){ // où 3 est le nombre de "menu" document.getElementById('menu'+i).style.display = "none"; } document.getElementById(id).style.display = (document.getElementById(id).style.display == "none") ? "block" : "none"; }

---

merci pour ttes ces infos ca m'a l'air o poil !