Question

firebug下查看html代码，不同操作下代码自动改变，请问是如何实现的？

如图：
折叠状态下：

展开状态下：

进行折叠、展开操作时，代码会自动改变，请问这个是如何实现的？





Answer 1

　　您好！很高兴为您答疑。
　　不太明白您是说火狐浏览器如何检测代码变动还是说页面折叠效果。如果是前者，其实火狐浏览器就是一个html页面解析的容器，容器内的东西如何对应如何解析自然是有绝对规则的，只是将您当前所看到的展示效果是哪段（哪些）代码结合的效果映射展示；如果是后者，此类特效一般都是利用改写style样式的display属性来实现的，您可以根据您所定位到的css样式研究一下。
　　如果对我们的回答存在任何疑问，欢迎继续问询。

Answer 2

不同的状态采用了不用的class，展开时“tree-expanded”，关闭时“tree-collapsed”。
$(obj).click(
function()
{if($(this).hasClass("tree-expanded")){
$(this).removeClass("tree-expanded").addClass("tree-collapsed");
}else{
$(this).removeClass("tree-collapsed").addClass("tree-expanded");
}
})