jquery + jquery-ui - mostrar contenido entre dos tr

[Bugger]

Hola,

ya está solucionado - dejo el código a continuación por si ha alguien le interesa.

Código Javascript:

<script>
$(document).ready(function () {
    
    $("table tbody span.ui-icon-triangle-1-s").click(function(){                  
        var row_tr = $(this).parent().parent().parent().attr("id");
        var detail = $("#detail_" + row_tr);
        if ( $(this).hasClass("ui-icon-triangle-1-n") ) {           
            detail.remove();
        }else{
            var tr = $(this).parent().parent().parent();
             $.post('url.php', function(html) {
               tr.after("<tr id='detail_" + row_tr + "'><td colspan='4'>"+ html +"</td></tr>");
            });            
        }
        $(this).toggleClass('ui-icon ui-icon-triangle-1-n ui-icon ui-icon-triangle-1-s');  
    }); 
});
</script>
 

Código HTML:

<div class="box_results"><img src="lib/images/icons/png/excel.png"/></div>
<table id="table-sorter" class="table_data">
    <thead>
        <th>Semana</th>
        <th>Kg</th>
        <th>xxx</th>
        <th colspan="3">&nbsp;</th>        
    </thead>
    <tbody>
        <tr id="tr_1">
            <td>1</td><td>150.000</td><td>xxx</td>
            <td class="icon-td"><div id="icons" class="box_icon ui-state-default ui-corner-all"><span class="ui-icon ui-icon-triangle-1-s"></span></div></td>            
        </tr>    
        <tr id="tr_2">
            <td>2</td><td>50.000</td><td>asfdf</td>
            <td class="icon-td"><div id="icons" class="box_icon ui-state-default ui-corner-all"><span class="ui-icon ui-icon-triangle-1-s"></span></div></td>            
        </tr>
    </tbody>
</table>
 

saludos