Jquery FadeTo to show hidden div
<p>I want effect like <a href="http://www.findawayworld.com/" rel="nofollow">http://www.findawayworld.com/</a> when you mouseover any box.</p>

<p>Here is my code:</p>

<pre><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();
</code></pre>

<p>The effect is coming but its not giving proper effect.</p>

<p>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 ?</p>
