How to fade all body/document except this active tab?
<p>I have a simple dropdown navigation. How can I fade the entire document when a list item is hovered in this case but still keep the list item and it is children at full opacity?</p>

<p>What can I add to this simple code?</p>

<pre><code>$("#menu &gt; li:has(ul)").hover(function(){
        $(this).find('ul:first').css({visibility: "visible",display: "none"}).show();
},function(){
        $(this).find('ul:first').css({visibility: "hidden"});
});
</code></pre>
