每个人都希望每天都是开心的，不要因为一些琐事扰乱了心情还，闲暇的时间怎么打发，关注可以让你学习更多的好东西，下面为大家推荐用XSLT轻松实现树形折叠导航栏，赶紧看过来吧！
展开和折叠其实就是显示或不显示（display：none or block）它与可见与不可见（visible or invisible）是有区别的， 前者不在页面预留空间。 这个toggle函数完成两个功能， 改变TR原来的Hidden属性， 使原来不显示的显示； 改变IMG的src属性， 更改图片。
toggle.js
function toggle(id)
{
var thisRow = ();
if (thisRow)
{
if (("") == yes)
{
("Expanded", "no");
()()() = "images/bs.gif";
var allRows = ("");
for (var i=1; i ; i++)
{
var row = allRows[i];
if (("") == id)
{
if (("") == yes) {
toggle((""));
}
= Navigator-Hidden;
}
}
= Navigator;
}
else
{
("Expanded", "yes");
()()() = "images/bo.gif";
var allRows = ("");
var depth = parseInt((""));
for (var i=1; i ; i++)
{
var row = allRows[i];
if (("") == id &&
parseInt(("")) == depth + 1 )
{
= Navigator;
}
}
}
}
}
到此结束。
诚然这个TOC的功能还是最基本的， 例如我还未做内容和目录的同步，其中有的地方还可以修改， 对xml和xsl文件可以进一步瘦身。 不过对一般用户来讲， 这已经足够了。
真诚希望这篇文章能对您有所启发、有所帮助， 以后做出更酷、更快、更方便、功能更强的TOC。
