css主要代码和js代码如下：

<style type="text/css">
<!--
dl  {background-color:#000;color:#fff;width:100px;}

dt  {cursor:pointer;width:100%;background-color:#666;}

.expand   {overflow:visible;}

.collapse  {height:16px; overflow:hidden;}

//-->
</style>

<script language="javascript" type="text/javascript">
<!--
function toggle(dt){
         var dl=dt.parentNode;
         if(dl.className=="collapse")dl.className="expand";
         else dl.className="collapse";
}
//-->
</script>

 效果预览