如何显示子菜单?

时间:2015-06-30 11:05:40

标签: jquery html css

我有这个网站:

link

如果单击“产品”,请选择子菜单。

当箭头在菜单上方时(悬停),我想做同样的事情。

我尝试在JQuery中使用此代码,但不起作用。

jQuery(document).ready(function($) {
    //$("#menu-main-menu li").hover(function(){
    //jQuery(this).find('.sub-menu').show(1000);
    //}, function(){
    // jQuery(this).find('.sub-menu').slideToggle();
});
 //$("body").click(function() {
   // $(".sub-menu").hide(1000);
//});


  //here begins the code I tried I

    $("#menu-main-menu li").hover(function () {
        jQuery(this).find('.sub-menu').stop(true,true).delay(1000).show(0);
    }, function () {
        jQuery(this).find('.sub-menu').stop(true,true).delay(1000).hide(0);
    });



    });

实施有问题吗? 你可以帮我告诉我不工作的地方我错了吗?

提前致谢!

1 个答案:

答案 0 :(得分:0)

试试这个:

jQuery(document).ready(function($) {


$("#menu-main-menu li").hover(function () {
    jQuery(this).find('.sub-menu').stop(true,true).delay(1000).show(0);
}, function () {
    jQuery(this).find('.sub-menu').stop(true,true).delay(1000).hide(0);
});



});

说明:

我只是删除“});”