[jQuery] Only show div's within parent.
This is my first time with jQuery!
I have a list like this:
<ul id="results">
<li>
<a href="#" class="show">some text</a>
<div class="hidden">some text</div>
</li>
<li>
<a href="#" class="show">some text</a>
<div class="hidden">some text</div>
</li>
<li>
<a href="#" class="show">some text</a>
<div class="hidden">some text</div>
</li>
</ul>
And a script like this:
$(document).ready(function(){
$("a.show").click(function () {
$("div.hidden").slideToggle("fast");
});
});
Now when a press one of the links with the class "show" it does show
every div with the class "hidden". But I only want to show the child
div of the link "show". Not all of them.
Is that possible and how?