A simple plugin to cross fade an element's children on rollover.

jquery.kidFader.js

(function($){
    
    $.fn.kidFader = function(){
        return $(this).each(function(){
            $(this).hover(function(){
                $(this)
                    .children('.hover').stop(1,1).hide().fadeIn('fast')
                    .end()
                    .children('.normal').stop(1,1).fadeOut('fast');
            }, function(){
                $(this)
                    .children('.hover').stop(1,1).fadeOut('fast')
                    .end()
                    .children('.normal').stop(1,1).fadeIn('fast');
            });
        })
    };
})(jQuery);