Need help with mouseOut effect

Question

Ok so the following code produces a mask on a web page when hovering over a menu, my question is how do I edit this code to make the mask go away with mouseout event? As it sits now I have to click for the mask to go away. Any help is appreciated, thank you.

<script> 


$(function() {


    $("#menuwrapper").mouseover(function() {


        $(this).expose();

    });
});
</script>

Answer 1

$(function() { 

    $("#menuwrapper").mouseover(function() {      
        $(this).expose();  
    });

  $("#menuwrapper").mouseout(function() {     
        $(this).hide();  
    });

});

Answer 2

Or more succinctly:

$("#menuwrapper").hover( 
  function(){ $(this).expose(); },
  function(){ $(this).hide(); } // opposite of expose() function
);

Answer 3

If you are using the expose library, you can setup the event like this:

$("#menuwrapper").hover( 
  function(){ $(this).expose(); },
  function(){ $(this).unexpose(); } // opposite of expose() function
);