div showing and hiding with effect with jquery
<p>please go to this page url and see how div is showing and hiding with effect. any idea how can show &amp; hide div using jquery with the same effect with zoom in with opacity and zoom out with opacity. <a href="http://demos.kendoui.com/web/window/index.html" rel="nofollow">http://demos.kendoui.com/web/window/index.html</a></p>

<p>i search google and found some links and they suggest way like </p>

<ul>
<li><a href="http://jqueryui.com/demos/dialog/#animated" rel="nofollow">http://jqueryui.com/demos/dialog/#animated</a></li>
<li><a href="http://csharpektroncmssql.blogspot.com/2011/12/hideshow-div-using-jqueryjson.html" rel="nofollow">http://csharpektroncmssql.blogspot.com/2011/12/hideshow-div-using-jqueryjson.html</a></li>
</ul>

<p>but the above link will not give me that kind of effect. so tell me how to open div with jquery as a result it will open with zoom in effect and close with zoom out effect. </p>

<pre><code>$('#mydiv').animate({height: 600, width: 800}).fadeIn('slow');
</code></pre>

<p>this way i can force the div to appear on the page where suddenly height &amp; width will increase just to have simulate the effect but in this case div position will be change i think. so what would be the best solution.</p>

<p>help if anyone has any good idea.
thanks</p>
