jquery animate and step function usage
<p>i tried to fadeout my div with the help jquery animate and step function but my logic is not working. i want to fadeout div when animate function decrease my div height &amp; width is 50%. i mean when div's height &amp; width becomes almost half then i want to fadeout div very smoothly.</p>

<p>my code is working but the effect i want not being possible. so please have a look at my code and rectify it if possible. here is the url where u can see the implementation.
<a href="http://jsfiddle.net/Sj4eG/12/" rel="nofollow">http://jsfiddle.net/Sj4eG/12/</a></p>

<p>just need to modify this below portion</p>

<pre><code> grower.animate({width:0, height:0, left:(windowWidth/2 - $('#grower').width()),  top:(windowHeight/2 - $('#grower').height())},
 {
duration: 1000,
step: function(now, fx) {
                alert(now);
    if (fx.prop == "height") {
        var threshold = fx.start / 2;

        if (now &lt; 150) {
            $(fx.elem).css("opacity", now / threshold);
        }
    }
}
});
</code></pre>
