Sélectionner les divisions cachées
Bonjour à tous,
je vous expose mon problème par un exemple, j'ai le code HTML suivant :
Code:
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:
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:
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:
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.
