javascript - Jquery Toggle Menu 和 Jquery Show and Hide with rollover

Question

我正在研究导航并且在使用 Jquery 时遇到了一些问题。

1) 当鼠标悬停在菜单右侧的图像上时，下拉菜单仅在悬停在右侧图像上时才需要显示。

2）当您使屏幕小于 800 像素时，它将显示一个下拉菜单。我希望菜单使用红色按钮平滑地上下切换

有人可以帮忙吗？

http://jsfiddle.net/558pA/1/

/*  MAIN MENU DROPDOWN
===================================*/
$(".toggle-nav").click(function () {
    $("#nav").slideToggle('slow');
});

/*  MAIN SETTINGS SHOW AND HIDE
===================================*/

('.user-profile').hover(

function () {
    $(this).show();
},

function () {
    $(this).hide();
});

Answer 1

更改$(".toggle-nav")为$("#toggle-nav")，并将 a 添加#到 href：

<a href="#" id="toggle-nav">Toggle navigation</a>

...

$("#toggle-nav").click(function () {
    $("#nav").slideToggle('slow');
});

沃金演示：http: //jsfiddle.net/n8zqS/