jQuery动画效果鼠标经过图层显示隐藏图层

jquery代码如下：

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
	$('.wai').mouseover(function(){
		$('.nei').animate({top:"-100"},{queue:false,duration:300});
	}).mouseleave(function(){
		$('.nei').animate({top:"100"},{queue:false,duration:300});
	});
});
</script>

初始效果：

[img]http://dl.iteye.com/upload/attachment/0077/8611/0ed2f883-577a-3445-9120-8e6183ac7a72.jpg[/img]

鼠标经过图层后显示隐藏的图层

[img]http://dl.iteye.com/upload/attachment/0077/8613/11962106-b6be-3d57-bca7-367f1512ac82.jpg[/img]

想要源码请下载附件