Afficher Cacher astuce ?

Salut,

J'utilise une fonction toute simple de Javascript pour afficher cacher un bout de ma page web :

Code:

---

1 2 3 4 5 6 7

function unhide(divID) { var item = document.getElementById(divID); if (item) { item.className=(item.className=='hidden')?'unhidden':'hidden'; } }

---

qui marche très bien dans ce bout de HTML par exemple :

Code:

---

1 2 3 4 5 6 7 8

<h2><a href="javascript:unhide('contact');">Nous contacter</a> <a href="javascript:unhide('contact');">Afficher/Cacher</a></h2> <ul id="contact" class="hidden"> <li>TENNIS CLUB ROUVIERE</li> <li>ESPACE TENNIS LA ROUVIERE</li> <li>83 BD DU REDON</li> <li>13009 MARSEILLE</li> </ul>

---

Donc j'ai mon titre h2 et le lien "afficher/cacher" me fait apparaitre ou disparaitre l'adresse.
Seulement moi j'aimerais qu'il n'y ait écrit que "Afficher" quand l'adresse est cachée, et "Cacher" quand l'adresse est visible, que ce soit un peu plus dynamique quoi.

Y'a t-il une astuce, une fonction bien connue pour faire ça dans mon contexte ?

Merci !

Bonsoir,

Vous pouvez mettre un id sur votre <a> pour le récupérer dans votre fonction JavaScript. Ensuite, vous lui faites un innerHTML = "Afficher".

Merci, marche très bien, simple et efficace !
Ça m'énerve d'ailleurs de pas y avoir pensé ...