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>

初始效果：



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



想要源码请下载附件