求教，选项卡不显示内容，急！ [复制链接]

如题：具体代码如下：

<style type="text/css">
.tabheadstyle{clear:both;height:20px;overflow:hidden;}
.tabheadstyle dd{float:left;width:100px;height:20px;border:1px solid #cccccc;text-align:center;margin-right:5px}
.tabheadstyle dd.current{background-coloreeeeee;} /* 当前选项卡标题样式，默认名：current */
.tabcontentstyle dd{border:1px solid #cccccc;padding:10px;display:none;}
</style>

<dl id="tabhead"  class="tabheadstyle">
<dd>希望工程</dd>
<dd>志愿者</dd>
<dd>青年文明号</dd>
</dl>
<dl id="tabcontent"  class="tabcontentstyle">
<dd>{paodel}1,213,743,,,_self,9,35,150,150{/paodel}</dd>
<dd>{paodel}1,213,741,,,_self,9,50,150,150{/paodel}</dd>
<dd>{paodel}1,213,742,,,_self,9,35,150,150{/paodel}</dd>
</dl>
<script type="text/javascript">
tabs("tabhead","tabcontent","onmouseover");
//tabs方法的简化调用（3个必填参数），前两个参数分别为标题和内容区的id，第三个参数可选onmouseover或onclick
//完整参数调用写法（6个参数）： tabs("tabhead","tabcontent","dd","dd","current","onmouseover")
</script>

三个选项卡下都有内容，为什么就是显示不出来。求解，谢谢!