Question

I have script similar to this:

$.each( data.d, function( index, data ) {
    $("#results").append( data.col1 + ' - ' + data.col2 + '<br />' );
});

If this runs the first time, I get 10 rows. When it runs the second time, it adds another 10 rows to the existing ten rows. How do I make the newly added 10 rows stand out for a short period of time?

Maybe colour the text red or something then fade out to the default colour without affecting the old 10 rows?

Answer 1

You could use a delay() with a class:

// Something like this
$cols.addClass('red').delay(2000).removeClass('red');