javascript - jQuery 下拉菜单实现

Question

我怎样才能使这个 ( 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);
});

感谢您的帮助!

Answer 1

现场演示工作 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);    
});