HTML4 > Problème de mouseout

<script>
$(document).ready(function() {
$('.reaLink').mouseover(function() {

         
       

        $(this).next().animate({
                opacity: 0.90,
                height: 'toggle'
        });
 
       
       
});

$('.reaLink').mouseout(function() {

         
       

        $(this).next().animate({
                opacity: 0.90,
                height: 'toggle'
        });
 
       
       
});

});
</script>

<div class="reaItem" style="width:280px;height:140px;background:#ffffff;float:left;margin-right:30px;position:relative;">
        <a href="#" class="reaLink"><img style="width:260px;height:120px;position:absolute;left:10px;top:10px;z-index:0;" src="http://t0.gstatic.com/images?q=tbn:ANd9GcTT5X9F6QpdgOpGWDHS689y_6fpd4IfU41wiYrm2lCldqqAWzk&t=1&usg=__Hx1uxxU3nqrdxJDhEMDV0c9ZwOg=" width="260" height="120" /></a>
        <div class="smallDescriptionRea" style="display:none;color:#ffffff;background:#000000;width:260px;position:absolute;left:10px;bottom:10px;z-index:1;">uhuhu ok ok ij ij i ijijo kdo dod kd dko dko ko</div>
        </div>