Question

Hello I’m having some issues geting a tr toggled this is the code I have this is the HTML:

<table class="avs" border="1" width="384px">
    <tr class="avs">
        <th>Avatar name</th>
        <th >Position</th>
    </tr>
    <tr class='avs'>
        <td>
            <a class='extralink' href="#"></a>
        </td>
        <td></td>
    </tr>
    <tr class='extra'>
        <td colspan='2' >
            <div>
                <div>info</div>
                <div>image</div>
            </div>
        </td>
    </tr>
</table>​

This is the jquery:

$('.extralink').click(function() {
    $(this).closest('tr').next('tr.extra').toggle();
});

Thank you for your time.

Answer 1

$('.extralink').click(function() {
    $(this).parent().parent().next().toggle();
    return false;
});