javascript - 悬停在一个div上时如何使更多的div出现？

Question

我正在尝试研究如何在将鼠标悬停在一个 div 上时显示更多 div。

我知道如何在将鼠标悬停在同一 div 上时显示其变化，但如何在将鼠标悬停在一个 div 上时显示更多 div？

以此为例:

http://jsfiddle.net/j4LFD/

当您将鼠标悬停在框上时，我怎样才能让它旁边出现另一个框？

我不确定这是否可以用 css 完成或需要 javascript？

谢谢!

詹姆斯

Answer 1

你可以像这样用 css 来做:

.box , .appear{
 background: #151515;
 height: 100px;
 width: 100px;
    float:left;
}
.appear{
    background:red;
    display:none
}
.box:hover{
    background: #e6e6e6;
 height: 100px;
 width: 100px;  
}
.box:hover + .appear {
    display:block;  
}

检查这个例子http://jsfiddle.net/j4LFD/1/