使用jQuery或其他方式更改单击时的CSS可见性

Question

我有一个作为菜单项的DIV，并希望在悬停时显示另一个div。默认情况下，第二个div（我要显示的是：visibility: hidden;。是否可以在没有jQuery的情况下以某种方式更改悬停的可见性？如果不是，我的jQuery代码会是什么样的？

Answer 1

将第二个div（类second-div）设为第一个div（class first-div）的子元素，然后使用：

.first-div:hover .second-div {
    visibility: visible;
}

JSFiddle：http://jsfiddle.net/vEeMS/

如果您要创建导航，我建议您使用display代替visibility。 display: none;表示该元素未显示在页面上，visibility: hidden;表示该元素位于页面上，但您无法看到它。这样做的缺点是用户可以点击一个不可见的链接，他无法标记文本或点击隐形div下的按钮。