Bonjour à tous
Voila, je débute en JS et j'ai une question bête
Je voudrais faire en sorte que lorsque l'on clique sur un <div>, cela affiche/masque un autre div. Donc jusque là tout va bien, je crée ma fonction:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
function afficher_element(id){
	var elt = document.getElementById(id);
	if(elt.style.display == 'none'){
		elt.style.display='block';
	}else{
		elt.style.display='none';
	}
}
Cette fonction est utilisée pour plusieurs types de div, des articles, une console de login, etc...
Hors certains de ces éléments sont par défaut en display:block, et d'autres par défaut en display:none.

Le truc c'est que ma fonction ne marche pas au 1er coup pour les éléments qui sont masqués par défaut, comme si il ne détectait pas qu'ils sont en display:none...
Si je change et que je met dans ma fonction
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
function afficher_element(id){
	var elt = document.getElementById(id);
	if(elt.style.display != 'block'){
		elt.style.display='block';
	}else{
		elt.style.display='none';
	}
}
ca ne marche pas non plus, pour les éléments activés de base ce coup-ci. Donc j'ai l'impression qu'il voit toujours les éléments en display:block par défault, même si dans mon .css ils sont définis en display:none

Auriez vous une idée pour éviter ça??
Merci.
Taharoa