Affichage/masquage élément <div>
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:
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:
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
