jquery - 将鼠标悬停或单击一个 div 可影响另一个 div

Question

我希望能够将鼠标悬停在一个 div 上来影响另一个 div。

<div id="a">1</div>
<div id="b" style="display:none;">2</div>

如何悬停#a并让#b出现？我想要一个 css3 解决方案，但 jquery 也不错。

Answer 1

这适用于 Chrome:

http://jsfiddle.net/iambriansreed/uQfKw/

HTML:

<div id="a">1</div>
<div id="b">2</div>

CSS:

#a + #b {
    display: none;

}
#a:hover + #b {
    display: block;

}