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!