Bonjour à tous,
je vous expose mon problème par un exemple, j'ai le code HTML suivant :
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
 
<div>
   <ul>
	<li> A </li>
	<li> B </li>
	<li> C </li>
   </ul>
</div>
 
<div style="display: none;">
	AAA
</div>
 
<div style="display: none;">
	BBB
</div>
J'aimerais qu'en cliquant sur l'une des balises <li> mon code JS fasse apparaitre les <div> invisibles.
J'ai donc codé ceci :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
 
$("div ul li").click(
	function()
	{
		$(this).parent().parent().each(
			function()
			{
				$(this).show();
			}
		);
 
	}
);
Bien sur ça ne marche pas.
Je précise qu'il est important de passer par $(this) car en réalité je travaille avec des classes et des parties de codes similaire, exemple :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
 
<div class="a">
   <ul>
        <li> </li>
   </ul>
</div>
 
<div class="a">
   <ul>
        <li> </li>
   </ul>
</div>
et il est donc important de cibler la partie de code cliquée.
Ne me proposez donc pas de faire ceci :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
 
$("div ul li").click(
	function()
	{
		$("div").each(
			function()
			{
				$(this).show();
			}
		);
 
	}
);
Merci pour vos réponses.