jquery - 多子菜单在jquery中无法正常工作

Question

创建了一个带有多子菜单的菜单，但现在子菜单和子多菜单没有正确隐藏，任何人都可以帮助解决这个问题。当我将鼠标悬停在一个显示子菜单的列表上时，但是当我将鼠标悬停在该一个或子多菜单上时，它必须隐藏。

现在我的逻辑是需要创建子菜单

小提琴链接在这里

提前致谢

Answer 1

我有点糊涂了，根据我过去所做的，这就是我想出的

http://jsfiddle.net/Mutmatt/RHVDT/31/

:)

Answer 2

如果您愿意使用插件，请考虑使用 jdMenu 或类似的 jQuery 插件：http: //jdsharp.us/jQuery/plugins/jdMenu/

.submenu2如果没有，请调整您的代码以在鼠标移出相关联时隐藏.submenu：

$('.submenu').mouseout(function () {
  $('.submenu2').hide(); 
  $('.submenu').hide(); 
});

如果你这样做，还要调整你的 CSS 以便用户可以导航到.submenu2而不触发mouseout事件 on .submenu，这将隐藏.submenu2他们试图导航到的。

可以在此处找到对您的小提琴的小幅编辑（添加$('.submenu2').hide()并调整 CSS ）：http: //jsfiddle.net/Palpatim/RHVDT/21/.submenu2