How do I get one DIV to fadeOut() before another DIV, using JQuery?
<p>How do I get DIV(.level2) to start executing the fadeOut() only if DIV(.level3) is hidden? <br/><br/>What happens at the moment is DIV(.level2) fades out before DIV(.level3) on my menu...looks really messed up. 
<br/><br/>Please see code below: </p>

<pre><code>$('.level3').live('mouseleave', function(){

    $('.level3').delay(2300).fadeOut(250);

    if($('.level3:hidden')){
        $('.level2').delay(2300).fadeOut(250);
    }
    })
</code></pre>

<p>Any help is grealty appreciated, Thanks</p>
