展开和折叠其实就是显示或不显示display:none or block)它和可见和不可见(visible or invisible)是有区别 前者不在页面预留空间 这个toggle完成两个功能 改变TR原来Hidden属性 使原来不显示显示； 改变IMGsrc属性 更改图片

toggle.js

function toggle(id)
{
var thisRow = document.all.item(id);
(thisRow)
{
(thisRow.getAttribute(\"Expanded\") \'yes\')
{
thisRow.Attribute(\"Expanded\", \"no\");
thisRow.children(0).children(0).children(0).src = \"images/bs.g\";

var allRows = document.all.tags(\"TR\");
for (var i=1; i < allRows.length; i)
{
var row = allRows[i];
(row.getAttribute(\"AncestorID\") id)
{
(row.getAttribute(\"Expanded\") \'yes\') {
toggle(row.getAttribute(\"id\"));
}
row.Name = \'Navigator-Hidden\';
}
}
thisRow.Name = \'Navigator\';
}

{
thisRow.Attribute(\"Expanded\", \"yes\");
thisRow.children(0).children(0).children(0).src = \"images/bo.g\";

var allRows = document.all.tags(\"TR\");
var depth = parseInt(thisRow.getAttribute(\"Depth\"));
for (var i=1; i < allRows.length; i)
{
var row = allRows[i];
(row.getAttribute(\"AncestorID\") id &&
parseInt(row.getAttribute(\"Depth\")) depth + 1 )
{
row.Name = \'Navigator\';
}
}
}
}
}

到此结束

诚然这个TOC功能还是最基本 例如我还未做内容和目录同步其中有地方还可以修改 对xml和xsl文件可以进步瘦身 不过对般用户来讲 这已经足够了
真诚希望这篇文章能对您有所启发、有所帮助 以后做出更酷、更快、更方便、功能更强TOC