Hello,
I am having a problem with a pop-out menu I scripted. It is very
easy, with a combination of mousing off and back over the menu, to get
the menu to cycle endlessly from hidden to visible. If you move the
mouse this behavior will stop, but I'd rather it didn't happen at all.
Part of it may be due to the design, but that wasn't up to me. I have
mutated my simple script quite a bit trying to eliminate this
behavior, but I am not much of a jQuery/JS munger. The code for the
menu as it stands is this:
<script type="text/javascript" charset="utf-8">
$('#parent_list > li')
.mouseenter(function(){$('#overlay_menu').animate({opacity: 1.0},
200).animate({width: "425px"}, 250); $(this).addClass('over')
.find('div.submenu').show();}).
mouseleave(function(){ $(this).removeClass('over')
.find('div.submenu').fadeOut('fast');});
$('#parent_list').mouseleave(function(){
$('#overlay_menu').animate({opacity: 1.0},
150).animate({width:
"220px"}, 200);
})
</script>
The menu is viewable here: csa.twotonlabs.com/main
The menu pops out when you roll over either, 'AREA OF PRACTICE' or
'CONTACT US'.
The glitch is easiest to trigger by moving the mouse off and then back
on 'CONTACT US' when the menu is visible.
Any thoughts or advice would be greatly appreciated,
Charles
