Menu de navigation

Bonjour,

voila j'essai de faire 1 menu navigable sur une page cela fonctionne mais 2 choses ne vont pas du tout. Je m'explique:

Mon menu contient 5 liens, chaque lien emmène sur 1 div qui contient un texte mais cela fonctionne a l'envers de se que je souhaite.
Au chargement du menu les div sont misent a l'envers et doivent être cliqué 1 par 1 pour pouvoir sélectionner celle qu'on veut.

j'aimerai qu'au debut 1mon 1er lien soit la et visible avec son text et le rest caché et pouvoir cliquer sur le 3ieme ou un autre lien sans tout cliqué avec un rollover sur les 5 liens.

Merci de votre aide

mon code js:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

function afficher_cacher(id) { if(document.getElementById(id).style.visibility=="hidden") { document.getElementById(id).style.visibility="visible"; } else { document.getElementById(id).style.visibility="hidden"; } return true; }

---

Code:

---

1 2	.bouton {cursor:pointer} .bouton:hover {font-weight:bold}

---

menu a dupliquer 5 fois pour chaque lien:

Code:

---

1 2 3 4 5 6

<a href="#"><span class="bouton" id="bouton_text" onclick="javascript:afficher_cacher('text-iv')">TEXT</span></a>   <div id="nom de la div" class="text"> <p>texte blablabla</p> </div>

---

Tout d'abord, il faut comprendre la différence entre les propriétés de style visible et display.
Un élément en display none ne sera pas affiché et ses dimensions seront à 0. En visibility hidden, l'élément n'est pas affiché, mais ses dimensions (et donc son emplacement dans la page) sont conservés. Dans ton cas, il serait plus judicieux à priori de passer par display.

Ensuite, si tu veux que seul la première div soit visible, ben... il suffit de le déclarer ! Donc il faut attribuer un style pour que toutes les div soient masquées sauf la première.

Enfin

Code:

---

onclick="javascript:afficher_cacher('text-iv')"

---

javascript: ne sert à rien et dénote une mauvaise compréhension du langage. Un événement (même déclaré comme attribut HTML s'attend à du code JavaScript, inutile de le préciser, d'autant que javascript: représente en réalité un pseudo-protocole qui n'a absolument rien à faire ailleurs que dans une URL (et encore...)