Looking to create a smooth transition effect for changing the background color of a bootstrap 4 table row (table-danger). The goal is to instantly turn the background red and then slowly fade it back to white over a period of 1 second.
So far, my attempts involve adding and removing classes which results in an abrupt change in color. I want the background to smoothly transition from red to white.
$('#row_1').addClass("table-danger") //Instantly turns background red
$('#row_1').removeClass("table-danger") //Desired effect: gradual fade into a white background
Check out the fiddle here: https://jsfiddle.net/gc85wfh9/8/