jQuery UI Effects - Color Animation

If a highlight effect happens to an hidden panel, an exception is thrown when trying to return to its original color.

Firefox/jQuery Effect library loses information about the hidden panel. When an AJAX update happens, it does the “yellow” highlighting effect, but does not know how to return to its initial background color.

It throws an exception so all JS events failed.

It fails on this line:

fx.end is undefined.

// We override the animation for all of these color styles

1370jQuery.each(['backgroundColor', 'borderBottomColor', 'borderLeftColor', 'borderRightColor', 'borderTopColor', 'color', 'outlineColor'], function(i,attr){

1371 jQuery.fx.step[attr] = function(fx){

1372 if ( fx.state == 0 ) {

1373 fx.start = getColor( fx.elem, attr );

1374 fx.end = getRGB( fx.end );

1375 }

1376

1377 fx.elem.style[attr] = "rgb(" + [

1378 Math.max(Math.min( parseInt((fx.pos * (fx.end[0] - fx.start[0])) + fx.start[0]), 255), 0),

1379 Math.max(Math.min( parseInt((fx.pos * (fx.end[1] - fx.start[1])) + fx.start[1]), 255), 0),

1380 Math.max(Math.min( parseInt((fx.pos * (fx.end[2] - fx.start[2])) + fx.start[2]), 255), 0)

1381 ].join(",") + ")";

1382 }

1383});