Hello à tous,

J'ai une fonction qui permet d'afficher des éléments :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
		function toggle_visibility(id) {
		   var e = document.getElementById(id);
		   if(e.style.display == 'block')
			  e.style.display = 'none';
		   else
			  e.style.display = 'inline';
		}

Une liste :

  • Animaux
  • Voitures
  • Personnes


Quand je clique sur animaux je fais apparaître "Chiens, Chats, etc" et je voudrais que lorsque je clique sur Voitures, je masque "Chiens, Chats, etc" et j'affiche "Toyota, Renault, Ford, etc".

Actuellement la fonction ne fait qu'afficher sans masquer les autres éléments.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
<a href='#' onclick="toggle_visibility('1');" >Animaux</a>
 
<div style='display:none;' id='1'>Chiens, Chats, etc</div>
Merci de votre aide...