В верстке меню такого вида
при наведении на пункт меню он "выдвигается" вверх. На последнем пункте меню сидят птички, они сделаны отдельным дивом с абсолютным позиционированием. Нужно, чтобы при наведении на последний пункт меню птички поднимались вместе с ним. У меня получилось написать скрипт, чтобы при наведении блок поднимался
<script type="text/javascript" src="script/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//изменение положения блока #birds
var birds = $('#birds'),
nav = $("#navigation ul li");
nav.each(function(index){
$(this).hover(function(e){
e.preventDefault()
if (index == 4) {
birds.css('top', '462px');
}
})
});
});
</script>
но при этом если убрать мышку с пункта меню, блок обратно не возвращается. Подскажите, как можно дописать этот скрипт чтобы он работал правильно?