в нормальных браузерах это можно сделать без скриптов:
<style>
.cache {
height: 20px;
overflow-y: hidden;
float: left;
margin: 0 10px;
}
.cache:hover a:first-child {
margin-top: -19px;
}
.cache a {
color: green;
display: block;
margin-top: 0px;
-webkit-transition: margin-top 0.2s ease;
-ms-transition: margin-top 0.2s ease;
-o-transition: margin-top 0.2s ease;
transition: margin-top 0.2s ease;
}
.cache a:last-child {
color: red;
}
</style>
<div class="box">
<div class="cache">
<a href="#">javascript.ru</a>
<a href="#">javascript.ru</a>
</div>
<div class="cache">
<a href="#">javascript.ru</a>
<a href="#">javascript.ru</a>
</div>
<div class="cache">
<a href="#">javascript.ru</a>
<a href="#">javascript.ru</a>
</div>
</div>