Hello,

I am having difficulties with selectors...I've been reading through
the selector API and this group for a while now, and I can't seem to
figure out the answer.

I want to toggle the class "hidden" on the 2nd <tr> below (.extended)
when the <img> in the previous row is clicked.

This seems to work:

$("td.click img").click(function () {$("#listing
tr.extended").toggleClass("hidden");});

However this table is repeated many times throughout the page, and
this code toggles the class on ALL the tables. Is there a way to
target only the next table row in the table that is being clicked?

<table class="listing">
   <tr>
        <td class="click"><img src="#" /></td>
        <td></td>
    </tr>
    <tr class="extended hidden">
        <td></td>
        <td></td>
    </tr>
</table>

Any help would be a lifesaver, and greatly appreciated! Thank you!

Reply via email to