$(document).ready(function(){ $("a.show").click(function () { $(this).find("div.hidden").slideToggle("fast"); });
}); On Oct 5, 8:32 am, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]> wrote: > 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?