Jquery fade out a div?
<p>I am using the following code to show and hide two div positioned absolutely on top of each other. When one is opened the other closes.</p>

<pre><code>function ShowHide(){
$("#info").animate({"height": "toggle"}, { duration: 300 });
$("#credits:visible").animate({"height": "toggle"}, { duration: 300 });
}
function ShowHide2(){
$("#credits").animate({"height": "toggle"}, { duration: 300 });
$("#info:visible").animate({"height": "toggle"}, { duration: 300 });
}
</code></pre>

<p>I want to fade the div's in rather than animate them, i substituted .animate with .fadeIn which worked fine but i cannot get the div to then fade out when the link in clicked again. I tried the .fadeOut method with no luck. Thanks.</p>
