Ampliar algunas filas de una tabla con jQuery

Tuvimos una petición similar en un proyecto en mi trabajo. Aquí está una muestra rápida que hice en el jsfiddle.

<table>
    <tbody>
        <tr class="main">
            <td >
                <span class="expand">
                    expand</span>
            </td>
            <td>
                Show
            </td>
            <td>
                Show
            </td>
        </tr>
        <tr class="hidden">
            <td colspan="3">
                hidden 1
            </td>
        </tr>
        <tr class="hidden">
            <td colspan="3">
                hidden 2
            </td>
        </tr>
</table>

Y ahora el jQuery

$("td span.expand").click(function() {
    $(this).parents("tr.main").nextUntil("tr.main").toggle();
});

Este ejemplo se utiliza nextUntil que se seguirá para seleccionar elementos, hasta que choca con un definido selector, en este caso, tr.principales

aquí es algunas sencillo tutorial http://designgala.com/how-to-expand-collapse-toggle-div-layer-using-jquery/, acaba de convertir a manejar las filas de la tabla, sin embargo, usted debe considerar el uso de divs