<html>
<head>
<script>
function toggle(){
var divContent = document.getElementById("divApproveContent");
var imgStyle = document.getElementById("imgApprove").style
if(divContent.expand==null || divContent.expand==false ){
imgStyle.backgroundPositionY = "-50"
divContent.style.display = "";
divContent.expand=true;
}else{
imgStyle.backgroundPositionY = "0"
divContent.style.display = "none";
divContent.expand=false
}
}
</script>
</head>
<body>
<fieldset>
<legend >
<img id="imgApprove" src="s.gif" onclick=" toggle()" style="cursor:hand;BACKGROUND: url(group-expand-sprite.gif) 0px 0px; WIDTH: 10px; HEIGHT: 12px"></img> 审批情况
</legend>
<div id="divApproveContent" style="display:none">
<fieldset>
<legend>2008-12-01</legend>
<table>
<tr>
<td class="tdl">审批结果：</td><td class="tdr" style="color:red" > 未批准</td>
</tr>
<tr>
<td class="tdl">审批意见：</td><td class="tdr" ></td>
</tr>
<td class="tdl"> </td>
<td class="tdr">
<textarea readonly style="width:415px;height:100px;font-size:12px" >内容不详细，请补充资料。</textarea>
</td>
</table>
</fieldset>
<fieldset>
<legend>2008-12-09</legend>
<table>
<tr>
<td class="tdl">审批结果：</td><td class="tdr" style="color:green" > 通过</td>
</tr>
<tr>
<td class="tdl">审批意见：</td><td class="tdr" ></td>
</tr>
<td class="tdl"> </td>
<td class="tdr">
<textarea readonly style='width:415px;height:100px;' ></textarea>
</td>
</table>
</fieldset>
</div>
</fieldset>
<body>
</html>
可收放的HTML fieldset
5星 · 超过95%的资源 需积分: 9 34 浏览量
2008-12-03
18:09:04
上传
评论
收藏 1KB RAR 举报 
collapsibleFieldset.rar （3个子文件） 
group-expand-sprite.gif 955B
collapsibleFieldset.htm 2KB s.gif 43B资源评论
zy_ndsc2012-12-09资源不错，可以使用，不过后来改用jquery了
