[jQuery] List <ul> slideDown/Up Menu

[jQuery] List <ul> slideDown/Up Menu


Hi, new to jQuery and very impressed. I already have a CSS menu that
shows/hides a list menu. However, I'd like to add more "dynamics" and
have the sub menus slide down and back up. So using the below code,
I've got it to slide down and up, but repeatedly. It seems like it
wants to keep sliding for each <li> and even multiple times per hover.
Seems like it should be easy... Any ideas?
$('#Main_Nav ul li').mouseover(function() {
$(this).children('ul').slideDown('normal');
}).mouseout(function() {
$(this).children('ul').slideUp('normal');
}).end();
Here is a link to the type of CSS menu I have:
http://meyerweb.com/eric/css/edge/menus/demo.html
However, I only have two levels of lists. Ex:
<ul>
<li>abc</li>
<li>abc
<ul>
<li>abc</li>
<li>abc</li>
</ul>
</li>
<li>abc</li>
</ul>