jquery + jquery-ui - mostrar contenido entre dos tr

[Bugger]

Hola a tod@s de nuevo...

la solución que me ha salido seria la siguiente:, pero no consigo cargar el contenido de otra página en la tabla

Código Javascript:

<script>
$("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{
            $(this).parent().parent().parent().after("<tr id='detail_" + row_tr + "'><td colspan='4'>Detail Row:"+row_tr+"</td></tr>");                
        }
 $(this).toggleClass('ui-icon ui-icon-triangle-1-n ui-icon ui-icon-triangle-1-s');            
    });
</script>
 

Código HTML:

<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>
 

aquí dejo el código llamando a otra página que no me funciona y no se el motivo!
cualquier ayuda será de agradecer.

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{
            $.post('consultes/plantilla/list.php',function(data){
                $(this).parent().parent().parent().after("<tr id='detail_" + row_tr + "'><td colspan='4'>Detail Row:"+data+"</td></tr>");                
           },'html')
        }
        $(this).toggleClass('ui-icon ui-icon-triangle-1-n ui-icon ui-icon-triangle-1-s');  
    }); 
});
</script>
 

Gracias de antemano