Need delete multiple rows with animation, having collision issue / blocking issue

bucket

I'm trying to make a shared ticket queue for staff that automatically update tablestate for multiple users.

If I do a straight dataTable.fnDeleteRow(rowIndex) on multiple rows at once, it works just fine.

However, trying to make the UI user friendly I want a 2 second animation that fades the row out before removing it, so that users aren't confused by a row just disapearing as they try to click on it.

The problem I'm am running into however, is that iterating through fnGetNodes() isn't being updated by the fnDeleteRow until after the animation is complete, meaning the wrong row index is used.

Quick note - All of the behaviour works until multiple rows are attempting to delete. Here is the code I've written:

$.fn.dataTableExt.oApi.fnCheckUpdate = function(oSettings)
{
var that = this;
var data = [];
serverParams(data);

$.getJSON(oSettings.sAjaxSource, data, function(json){
/* Got the data - add it to the table */
var ticketIDs = [];
var all_ticketIDs = [];
for (var i=0; i