Afficher/Cacher une div en fonction d'une ligne [Résolu]

[student_php]

Bonjour,

Je souhaite afficher/cacher des div en fonction du fait que le curseur pointe ou non sur une ligne.

Voici le schema:

Code :

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>
//...

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 :

$('div.categorie'+x).show();

Code :

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++;
		}
	});
 
});

EDIT:
J'ai finit par y arriver en stockant la div dans une variable et en l'appelant dans ma fonction hover() !