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

Question

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

Answer 1

将第二个 div (class 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 下的按钮。