Expand/Collapse using jQuery

[Crul]

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

[abduraooft]

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.

[logictrap]

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.

[Crul]

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

[logictrap]

Even without the id this might work:

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