Bug Firefox/Chrome mais pas sur IE8
Bonjours,
Je suis en train de faire un menu pour un petit site pour notre intranet à mon travail.
Le principe est simple j'ai une div #menu qui contient 2 div #menuHaut et #menuBas. #MenuHaut contient un liste <ul> de 3 <li> et #menuBas contient 3 <div> #divClient #divTechnique #divAdministration avec chancun une liste à l'intérieur.
Avec mon css je met un display:none sur mes 3 div dans #menuBas. Quand je clique sur un <li> du #menuHaut il me fait un visible sur la div qui correspont.
Si je clique sur un autre élément toute les div sont cacher et en suite j'affiche elle correspondant.
Si je clique sur un élément ou la div est déjà visible elle se cache.
Dans ie8 sa marche à merveille mais sur FireFox et Chrome elle ne se cache pas si je reclique sur l'élément déjà selectionner.
Voici mon code JQUERY
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| $(document).ready(function() {
$('#menuHaut li').click(function() {
if($(this).css('color')=='red')
{
$('#menuHaut li').css('color','white')
$('#menuBas div').hide();
}
else
{
$('#menuHaut li').css('color','white')
$('#menuBas div').hide();
$(this).css('color','red');
$('#div'+$(this).text()).show();
}
});
}); |
À noter que les <li> de mon menu sont blanc mais que lorsque je clique dessus ils deviennent rouge.
Merci
