javascript - jQuery下拉菜单实现

我如何使这个（HERE）巨型菜单可用？

我希望子菜单1,2和3在悬停在它们上方时仍保持可见，当鼠标移出它们时，它们将滑动。

Code sample HERE.

$(".menu-1").hover(function(){
    $(".submenu1").stop().slideToggle(700);
});

$(".menu-2").hover(function(){
    $(".submenu2").stop().slideToggle(700);
});


$(".menu-3").hover(function(){
    $(".submenu3").stop().slideToggle(700);
});

我感谢您的帮助！

最佳答案

实时演示工作http://jsfiddle.net/LwYuz/3/

$(".menu-1").hover(function(){
    $(".submenu1").stop().slideToggle(700);
});


$(".menu-2").hover(function(){
    $(".submenu2").stop().slideToggle(700);
});


$(".menu-3").hover(function(){
    $(".submenu3").stop().slideToggle(700);
});


$(".submenu1").hover(function(){
$(".submenu1").stop().slideToggle(700);
});

$(".submenu2").hover(function(){
$(".submenu2").stop().slideToggle(700);
});

$(".submenu3").hover(function(){
$(".submenu3").stop().slideToggle(700);
});

关于javascript - jQuery下拉菜单实现，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23126532/