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