请问如何实现几个栏目标题在一个板块里显示，如下图 [复制链接]

是调用的如下代码，但显示去是这个，，请大师指教一下，


<p><style type="text/css">
.tabheadstyle{clear:both;height:20px;overflow:hidden;}
.tabheadstyle dd{float:left;width:60px;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></p>
<dl id="tabhead" class="tabheadstyle">
    <dd>学科补习 </dd>
    <dd>书法绘画 </dd>
    <dd>其它培训 </dd>
</dl>
<dl id="tabcontent" class="tabcontentstyle">
    <dd>{paodel}1,43,611,,,_self,5,30,150,150{/paodel} </dd>
    <dd>{paodel}1,43,610,,,_self,5,30,150,150{/paodel} </dd>
    <dd>{paodel}1,43,612,,,_self,5,30,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>

学科补习 书法绘画 其它培训
{paodel}1,43,611,,,_self,5,30,150,150{/paodel}
我设置的三个栏目，把栏目调用的标签显示出来了，并没有显示内容呀，大神，怎么办呀