js代码和css代码实现折叠效果

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>

效果预览

http://bluebar.blogbus.com/files/11827767910.html