Salut,

J'utilise une fonction toute simple de Javascript pour afficher cacher un bout de ma page web :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 !