Expand/Collapse using jQuery

I'm implementing an expand/collapse feature but I have a problem:

I have 2 rows in a table...


<table>
<tr id="40807386" class="hidden ">testing this</tr>
<tr id="34893485" class="hidden ">testing this again</tr>
</table>


So I can hide this row by going $('.hidden').toggle(); but this hides both the rows when I only want to hide the first row, not both. Is there a way to get the id of the element so that I can go something like ($(this).id).toggle() This ^ gives me an error but I need to be able to do something similar. Any help on this would be greatly appreciated

Thanks

You could select the elements based on id, see http://docs.jquery.com/Selectors/id#id .But the starting letter of an id value can't be a number. So your markup is invalid now.

You can also try using these:

.eq(0) - Selects the first item
:first - Selects the first item

There's other ways also. Checkout the documentation on jquery.com for details/examples.

but the problem is that I don't know the value of the id, so I need to somehow be able to retrieve the id of the current element $(this)

to do $('#id') I need to know what the id is...


EDIT: nvm guys, I figured it out. Thanks for the help tho, I appreciate it very much

Even without the id this might work:

$('.hidden').eq(0).toggle();