设置div的透明度和鼠标移上时显示移出时不显示标题的效果jquery

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"type="text/javascript"></script>
<script>
$(document).ready(function(){
$(".imgbox").each(function(i){
$(this).eq(i).hover(function(){
$(this).find(".imginfo").animate({height:50},600);
},function(){
$(this).find(".imginfo").animate({height:0},600);
})
})
})
</script>
<div class="imgbox" style="position:relative;600px;">
<a href="#"><img src="http://i.mmcdn.cn/simba/img/T1854.XtRbXXb1upjX.jpg" width="600" /></a>
<div class="imginfo" style="display:;position:absolute;bottom:0;left:0;600px; margin:0; padding:0; height:0px; color:#FFFFFF; background-color:#000000;filter:Alpha(Opacity=60,Style=1);opacity:0.6;;-moz-opacity:0.6;">花儿为什么这样红</div>
</div>