Question

I don’t understand why the fadeOut works but the remove doesn’t. I found out it’s a problem with the array. I tried some combinations, but I can’t make it work.

for (var i=0;i<fieldsblock.length;i++){
     $("#"+fieldsblock[i]+"_tr"+nid).fadeOut();
     t=setTimeout(function(){$("#"+fieldsblock[i]+"_tr"+nid).remove();},400); 
    }

Thanks.

Answer 1

It looks like you just need the remove to run once the fadeOut has completed. If that’s the case, you don’t need to use setTimeout. You can use a callback instead:

for (var i=0;i<fieldsblock.length;i++){
    $("#"+fieldsblock[i]+"_tr"+nid).fadeOut(function() {
        $(this).remove();
    });
}

The callback is executed whenever the animation is complete, so doing it this way means you won’t have to change the setTimeout duration if you wanted to change the duration of the fade as well.