sélécteur Jquery avec vieux navigateurs
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:
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... :cry:
Avez-vous une idée?
D'avance, merci !
