小弟求教给位大虾们怎样实现鼠标滑过选项卡显示相应列表信息（下面是错误代码）

代码是这样滴 但是木有效果啊 css页
<!-- 选项卡 -->
.tr_on { background:url(../images/053.jpg) no-repeat; color:#fff}
.tr_off { background:url(../images/053.jpg) no-repeat; color:#000}
.tr_on a{ background:url(../images/053.jpg) no-repeat; color:#fff}
<!-- end -->
模板页
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="style/inc.css" rel="stylesheet" type="text/css" />
</head>
<body>
{load header}
<script language="JavaScript" src='js/jquery.KinSlideshow-1.1.js'></script>
<script language="JavaScript" src='js/kxbdMarquee.js'></script>
<script>
$(function(){
$("#tab li").bind("mouseover", function(){
$(this).addClass("tr_on");
$(this).siblings().removeClass("tr_on");
var name = $(this).attr('name');
$("#" + name).show();
$("#" + name).siblings().hide();
});
});
</script>
<div id="main">
<div class="index-cjzx">
<div class="title" id="tab">
<ul>
<li class="tr_on" name="cjzx"><a href="#">财经资讯</a></li>
<li name="lcjt"><a href="#">理财讲堂</a></li>
<li name="xhxt"><a href="#">现货学堂</a></li>
</ul>
</div>
<div class="center" id="cjzx">
<div class="cjzx-hd"><a href="#"><a href="#"><img src="images/055.jpg" /></a></div>
<ul>
{loop $cjzx $c}
<li><a href="content.php?sortid=6&id={$c['Id']}">·{$c['Title']}</a><span>{eval echo date("m.d",$c['DateTime'])}</span></li>
{/loop}
</ul>
</div>
<div class="center" id="lcjt" style="display:none;">
<div class="cjzx-hd"><a href="#"><a href="#"><img src="images/055.jpg" /></a></div>
<ul>
{loop $lcjt $l}
<li><a href="content.php?sortid=7&id={$c['Id']}">·{$l['Title']}</a><span>{eval echo date("m.d",$l['DateTime'])}</span></li>
{/loop}
</ul>
</div>
<div class="center" id="xhxt" style="display:none;">
<div class="cjzx-hd"><a href="#"><a href="#"><img src="images/055.jpg" /></a></div>
<ul>
{loop $xhxt $x}
<li><a href="content.php?sortid=7&id={$x['Id']}">·{$x['Title']}</a><span>{eval echo date("m.d",$x['DateTime'])}</span></li>
{/loop}
</ul>
</div>
                    </div>
</div>
{load footer}
</body>
</html>