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>