Question

I have a table in where once i add a row, its background color changes to show the changes (highlight will be good). Here is what i am doing

$("#tableDg tbody tr:first").css("background-color", "red")

So in order for the delay to work i did

$("#tableDg tbody tr:first").css("background-color", "red").delay(2000).css("background-color", "aqua");

but instead of delaying it just paints the bkg color to aqua, any comments what can i do here? Thanks

Answer 1

$("#tableDg tbody tr:first").css("background-color", "red");

setTimeout(function() {
    $("#tableDg tbody tr:first").css("background-color", "aqua");
}, 2000);

To Add the highlight effect:

$("#tableDg tbody tr:first").css("background-color", "red");

setTimeout(function() {
    $("#tableDg tbody tr:first").css("background-color", "aqua").effect("highlight", {}, 3000);
}, 2000);

Or this:

$("#tableDg tbody tr:first").css("background-color", "red");

setTimeout(function() {
    $("#tableDg tbody tr:first").css("background-color", "aqua");
    $('#tableDg tbody tr:first').effect("highlight", {}, 3000);
}, 2000);