jquery - 为什么我的下拉菜单不起作用？

Question

我正在尝试将可见性从隐藏更改为可见，所以只需检查我的 jquery 并告诉我哪里出了问题。如果需要更多，请告诉我。

$(document).ready(function(){
    $("#navLink1").hover(function(){
        $("#dropDown1").css("visibility", "visible");
    });
});

Answer 1

尝试使用 .toggle() :

$("#navLink1").hover(function(){
    $("#dropDown1").toggle();
});

它会切换 display 属性，因此不要使用 visibility: hidden; 在 CSS 中使用 display: none;。

或者你可以使用:

$("#navLink1").hover(function(){
    $("#dropDown1").css("visibility", "visible");
}, function(){
    $("#dropDown1").css("visibility", "hidden");
});

它在这里工作:http://jsfiddle.net/gTuxP/