Datatables child.show()/hide() with jqueryUI effect

Muhahe

Hi,

i have nested tables, and wana to bind jqueryUI effect on child.show/hide. Is it even possible?
(nested tables: i have main table where some rows can contains child tables.)

projectsTable.on('click', 'td.details-control', function (event) {        
        event.stopPropagation();
        var tr = $(this).closest('tr');
        var row = projectsTable.row( tr );
        
        if ( row.child.isShown() ) {
            // This row is already open - close it
            row.child.hide();
            tr.removeClass('shown');
            delete showHideItems['p'+row.data().id]        
            ganttChart.hideKids('p'+row.data().id, gantt)
            
        }
        else {
            // Open this row  
            row.child.show('blind',{},1000);
            tr.addClass('shown');
            showHideItems['p'+row.data().id] = true
            ganttChart.showKids('p'+row.data().id, gantt)
            
        }

Im trying something like that, but without success. Or maybe is it possible to bind it somehow on draw event?

allan

Have you read through this blog post?

Allan