Discussion :

[kobalt3110]

Hello world !

Voilà mon problème :

J'ai un ul qui contient plusieurs li. Chaque li contient une mosaïque (#browseProductContainer) de 6*3 divisions (#product). Chaque division contient un bloc image et un bloc texte (#text).
Le texte est caché, et apparait au survol de l'image.

Le tout fonctionne très bien sur IE8, firefox et chrome.

Voici le script :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
var items = $("#browseProductContainer > #product"); 
 
	$("div#browseProductContainer > div#product > div#text").hide();
 
	$(items).hover(
	function(){
		$(this).children("#text").slideDown(80); 
	},
	function(){
		$(this).children("#text").slideUp(80); 
	});

J'ai voulu valider ce script sur IE7 et une vielle version de firefox, et ca ne marche pas.
En effet mon sélecteur $("div#browseProductContainer > div#product > div#text").hide(); ne cache que le bloc texte de la PREMIERE division, les autres ne sont pas affectés. Idem pour les effets de hover...
j'ai essayé pas mal de choses sans résultat...

Avez-vous une idée?

D'avance, merci !

[danielhagnoul]

Bonjour.

Un id doit toujours être unique ! On doit l'appeler directement !

Code :

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

1
2
3
var items = $("#product");
 
$("#text").hide();