Question

我怎样才能使这个（HERE）大型菜单可用？

我希望子菜单-1,2和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);
});

感谢您的帮助！

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);    
});

Answer 2

无论如何，我在评论部分充满了狂热，

您可以使用jquery多类选择器。

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


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


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

以下是您的解决方案...... Fiddle已更新

jQuery下拉菜单实现

2 个答案: