Keep slideDown Div Open on mouse out?
Ok i'm stuck here, hopefully someone can help out point me in the right direction.....
I'm trying to get a div slide down on hover of main menus, that works fine however as soon as the mouse leaves the hover (main menu item) the div slides back up, i'm guessing it's how it's supposed to be, so my question is how can i keep this div open while the user is navigating on it.
To be clear, the slidedown div has a bunch of sub-menus on it...
Here's what i'm using to slide the divs up/down
-
$('li#solutions').hover(function(){
$('#pop_solutions').stop(true,true).slideDown(400);
}, function(){
$('#pop_solutions').stop(true,true).slideUp(400);
});
$('li#learn').hover(function(){
$('#pop_learn').stop(true,true).slideDown(400);
}, function(){
$('#pop_learn').stop(true,true).slideUp(400);
});
$('li#community').hover(function(){
$('#pop_community').stop(true,true).slideDown(400);
}, function(){
$('#pop_community').stop(true,true).slideUp(400);
});
perhaps there is some other function / plug-in i could use?
Thanks..