Show submenu's submenu on submenu hover only

Question

I am trying to show the submenu on hovering the menus. I have succeeded in submenu level 1. But when I go to submenu level 2(ie, submenu of submenu) it is not working. I wan

Answer 1

Use mouseenter and mouseleave events if you want them to be triggered when you hover on the sub-elements.

$('.nav ul').hide();

$('.nav li').mouseenter(function() {
    $(this).children('ul').stop().slideDown('slow')
}).mouseleave(function() {
    $(this).children('ul').stop().slideUp('slow')
});