Discussion :

[Firehead]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[NoSmoking]

Bonsoir et bienvenue sur DVP.
Mets donc le code HTML de ta structure, cela facilitera le test et qui sait...

[SylvainPV]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if($(this).css('color')=='red')

Il me semble que Chrome et FF convertissent automatiquement en code hexadécimal les couleurs. Il va falloir faire un test un peu plus solide que ça ! Avec des classes par exemple.

[danielhagnoul]

Bonsoir

$(this).css('color') donne une couleur au format rgb.

Le plugin officiel jQuery.Color travaille au format rgba, il permet de manipuler et d'animer les couleurs.

Utilisation : <script src="http://code.jquery.com/color/jquery.color-2.1.1.min.js"></script>.

Pour votre comparaison de couleur :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
if ( $.Color( this, "color" ).toHexString( "includeAlpha" ) === $.Color( "red" ).toHexString( "includeAlpha" ) ){
    // votre code
};

[Firehead]

Merci beaucoup a vous tous ! La solution d'utiliser les codes rgb fonctionne parfaitement. Merci encore!