DIV懸停讓其他DIV移動

Question

我想問你的幫助。

http://jsfiddle.net/perRL/9/

<div class="header-logo"> 
<a href="#"><img src="http://www.bendaggers.com/wp-content/themes/Anakin%20Skywalker/Images/BenDaggers%20Logo.PNG" /></a> 
</div> 

<div class="xbdlogo"> 
<img src="http://www.bendaggers.com/wp-content/themes/Anakin%20Skywalker/Images/Bendaggers%20Logo%20Two.PNG" /> 
</div> 

我想要做的，當你將鼠標懸停標誌「bendaggers」，這個小標誌旁邊它將從它的CSS樣式（從）頂部更改爲：-50px;到頂部：30px;

如果有人可以幫我做到這一點的JavaScript？謝謝！

Answer 1

如果我沒有錯，你正在實現這樣的事情？

Demo

比CSS只就足以完成工作

CSS

.header-logo:hover + .xbdlogo { 
    top:40px; 
    -webkit-transition:all 0.3s ease-in-out; 
    -moz-transition:all 0.3s ease-in-out; 
    -o-transition:all 0.3s ease-in-out; 
    transition:all 0.3s ease-in-out; 
}