Using "slide" and addClass

Using "slide" and addClass

I've got a table cell that has a default class that gives it a background colour.

When mousing over that cell, I'm using addClass to change the class so the background colour is default.  This is all fine and is working.

Is there a way to add in a slide effect so the background colour slides down from the top?  I've done something similar in the past by showing / hiding a DIV using the slide effect, but not sure if this can be incorporated using classes.

Thanks,
Ed Ludlow

PS This is what I'm using - eachRollover is an array that gets looped through for all the various cells..

  1. $("#indiv-menu-cell-" + eachRollover).mouseover(function() {
            $(this).addClass("moused-over-cell");
        });
        $("#indiv-menu-cell-" + eachRollover).mouseout(function() {
            $(this).removeClass("moused-over-cell");
        });