I'm having an interesting jquery issue. Essentially I need a sticky submenu to get hidden when I hover over another parent to reveal a submenu, and then re-appear when i am not hovering over another parent with a submenu. This all works fine, the issue is that when I hover over a child li in my sticky submenu the submenu flips out, flashing between being displayed and not being displayed. It seems that my jquery is being inherited by the child li? anyway here's the code:

To explain this a little bit, when you hover over the li at the lowest level, the hover event bubbles up all the way to parent with the hide function which is why the menu disappears. So we use stopPropagation on the ul to prevent it from going any further. You could use it on the lowest level of li as well.

It's because the second part of your selector, ul.menu li, applies to ALL lis contained in ul.menu. You may want to use a ul.menu > li instead to make it so that the event will only fire when hovering an li that's a direct child of ul.menu.