网页中折叠和展开问题。
请教各位路过的人，我现在要实现网页内部的展开和折叠效果，在网页浏览的时候是成功显示了，但是当我用HTML Help Workshop软件编译做帮助文档打开的时候，“+”和“-”不能成功的转换。代码是：
<body>
<table cellpadding='0' cellspacing='0' border='0' class='pageTable' id="Table1">
<tr>
<td>
<a href="" class="STYLE1" style="text-decoration:none" onClick="showHide('show');return false"> <img id="gshow" src="whplus.gif" style="border:0px">显示/隐藏 </a>
<span id="show" style="display:none" >
<p>显示成功</p>
</span>
<script lang="jscript">
function showHide(subText)
{
var textBlock=document.getElementById(subText);
var imgSign=document.getElementById('g'+subText);
if(textBlock.style.display=='inline')
{
textBlock.style.display='none';
imgSign.src='whplus.gif';
}
else
{
textBlock.style.display='inline';
imgSign.src='whminus.gif';
}
}
</script>
</td>
</tr>
</table>
<table cellpadding='0' cellspacing='0' border='0' class='pageTable' id="Table2">
<tr>
<td>
<a style="text-decoration:none" onClick="showHide('otshow');return false" href="">
<img id="gotshow" src="whplus.gif" style="border:0px">再一次隐藏</a>
<span id="otshow" style="display:none"><p>我们不能改变生命的长度， 但我们可以选择生命的宽度。<br />
</p></span>
</td>
</tr>
</table>
运行结果：
和其他图片存放的路径是一样的，但是展开的时候该显示“-”图标的，却显示了一个小叉叉，折叠之后显示正常为“+”。向大家请教一下，希望知道的人可以帮帮我，谢谢。
