jQuery 鼠标悬浮 隐藏显示div

css样式表中的代码：

.aa{background-image:url(../Images/a.gif)}

.bb{display:none}

asp中的代码：

<div>

<div id="old" class="aa">考核表</div>

<div id="new " class="aa">审核表</div>

</div>

<div id="showOld" class="bb">show me!!!</div>

<div id="showOld" class="bb">show me!!!</div>

<script language="javascript" type="text/javascript">

$('#old').mousemove(function(){//鼠标悬浮在old上时

$('#old').removeClass('aa').show();//显示

$('#new').addClass('aa').hide();//隐藏

$('#showOld').addClass('bb');//显示

$('#showNew').removeClass('bb');//隐藏

});

$('#new').mousemove(function(){//鼠标悬浮在new上时

$('#old').addClass('aa').hide();//显示

$('#new').removeClass('aa').show();//隐藏

$('#showOld').removeClass('bb');//显示

$('#showNew').addClass('bb');//隐藏

});

</script>