$(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?

Reply via email to