Bonjour,
Je souhaite afficher/cacher des div en fonction du fait que le curseur pointe ou non sur une ligne.
Voici le schema:
J'ai testé 2 solutions ci-dessous commentés, aucune des deux ne fonctionne, pourtant je passe bien dans toutes les conditions, ce qui n'a pas l'air de fonctionner est la ligne
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10 <li class="1"></li> <li class="2"></li> <li class="n"></li> //... <div class="categorie1">categorie 1</div> <div class="categorie2">categorie 2</div> <div class="categorien">categorie n</div> //...
Code : Sélectionner tout - Visualiser dans une fenêtre à part $('div.categorie'+x).show();EDIT:
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
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33 $(document).ready(function() { var x = 1; $('div').each(function(i) { if ($(this).attr('class') == 'categorie'+x) { /* Code testé avec mouseenter et mouseleave */ $('li.'+x).mouseenter(function() { $('div.categorie'+x).show(); }.mouseleave(function() { $('div.categorie'+x).hide(); })) /*Fin du test*/ /* Code testé avec hover */ $(this).hide(); $('li.'+x).hover(function() { $('div.categorie'+x).show(); }, function() { $('div.categorie'+x).hide(); }); /*Fin du test*/ x++; } }); });
J'ai finit par y arriver en stockant la div dans une variable et en l'appelant dans ma fonction hover() !
Partager