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?