Yellow fade effect with JQuery

Question

I would like to implement something similar to 37Signals's Yellow Fade effect.

I am using Jquery 1.3.2

The code

(function($) {    $.fn.yellowFade = function() {     return (this.css({backgroundColor: "#ffffcc"}).animate(             {                 backgroundColor: "#ffffff"             }, 1500));    }  })(jQuery); 

and the next call show yellow fade the DOM elment with box id.

$("#box").yellowFade(); 

But it only makes it yellow. No white background after 15000 milliseconds.

Any idea why it is not working?

Solution

You can use:

$("#box").effect("highlight", {}, 1500); 

But you would need to include:

effects.core.js
effects.highlight.js

Answer 1

This function is part of jQuery effects.core.js :

$("#box").effect("highlight", {}, 1500); 

As Steerpike pointed out in the comments, effects.core.js and effects.highlight.js need to be included in order to use this.