数据表显示/隐藏具有jquery UI效果的行

Question

我正在使用Datatables 1.10，jQuery和jQuery UI。在数据表中，我有嵌套的表，具有子表的显示/隐藏功能，我正在尝试使用jQuery盲显示/隐藏动画。这是我现在使用的代码，但效果不起作用。

 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('blind',{},1000);
        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)
    }

} );

修改

这是jsfiddle的链接 http://jsfiddle.net/n8d6su8m/5/

这是一个很大的例子，但我希望包含更多代码，以便找到确切的问题。有趣的代码在第284行开始的javascript和从第578行开始的第二种类型的表中。在第一列中单击红色+按钮后，应执行显示和隐藏。