Jquery FadeTo to show hidden div
===

I want effect like http://www.findawayworld.com/ when you mouseover any box.

Here is my code:

        jQuery('.category-image-block').mouseover(function() {
                    jQuery(this).stop().fadeTo(400, 0.9);
				    jQuery(this).children(".category-image-block     div").stop().fadeTo(400, 1);
				
				
            });
            jQuery('.category-image-block').mouseout(function() {
                jQuery(this).stop().fadeTo(400, 1.0);
				jQuery(this).children(".category-image-block div").hide();
            });
			
			jQuery(".category-image-block div").hide();



The effect is coming but its not giving proper effect.

My div with class 'category-image-block' contains image and another hidden div with class'contenthover'. Hidden div has p tags with text in it. Using above code, some blinking (for less than 1 sec) is happening when I mouseover p tag. Effect is not smooth as it should be. Any suggestion ?