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

Question

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

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

Answer 1

你需要使用.show()，你不能覆盖display:none（如果你用它来隐藏元素）visibility:visible

$("#dropDown1").show();

Answer 2

尝试使用.toggle()：

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

它会切换display属性，而不是在 CSS中使用visibility: hidden;use 。display: none;

或者，您可以使用：

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

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

Answer 3

用于slideToggle()滑动效果。

$(document).ready(function(){
    $("#navLink1").hover(function(){
        $("#dropDown1").slideToggle();
    });
});