Slidebox Help

[dpiearcy]

My first time posting in the javascript forum! I'm usually over looking for help with php.

 

Anyway, I decided to make a really cool menu using some jquery I have used for other applications. Just a slide down box.

 

Here's the code:

 

<script language="javascript" type="text/javascript"> 
function toggleSlideBox(x) {
 if ($('#'+x).is(":hidden")) {
  $(".editBox").slideUp(200);
  $('#'+x).slideDown(300);
 } else {
  $('#'+x).slideUp(300);
 }
}
</script>

 

Obviously the div class editBox when clicked (it's a # link) will slide the box down and in that box is just another div so I can put anything I want in there. Currently the only way to close that box is to click the link again.

 

Is there a way to edit this so that is will slideUp on mouse leave? No more hover no more slide down.

[kimi2k]

Try to experiment with .mouseout() http://api.jquery.com/mouseout/ or .mouseleave() http://api.jquery.com/mouseleave/