Problem with mouseout and looking for alternative to hide() and show()?
<p>I'm using jQuery to create a simple, but large dropdown menu. I have some questions redarding this and hoping to get some help.</p>

<p>First, when I hover with the mouse over the link 'meny_1' with the mouseover() function the submenu 'undermeny_a' displays with the show() function. The submenu is inside a div called 'undermeny_1'. With mouseout() function the div is removed. But if I divide that div into other divs, the mouseout() function will not work. It's like it's not detecting the main div 'undermeny_1' any more? I wonder how to solve this?</p>

<p>Second, I wonder if there are any alternative to use show() and hide(). I want the div element to be in the background above the pages other div element but not visible until i hover the mouse above the link 'meny_1'? In plain javascript I used to use visibility or hidden, something that could be done with jQuery? Hide something without remove the element? Preciate some help. Thanks!</p>

<pre><code>$(document).ready(function() {   
    $("#meny_1").mouseover(function(){
        $("#underMeny_1").show();
    });
    $("#underMeny_1").mouseout(function(){
        $("#underMeny_1").hide();&lt;br/&gt;
    });&lt;br/&gt; 
});
</code></pre>
