一段网页代码，实在不太懂，求指点

Question

1 h[tag]是行高  2 ID是 main1 main2   3 this 是当前被点击的元素

Answer 1

<span class="key" onclick="fn(this,2)">展开</span>    this 是span对象
document.getElementById("main"+tag)  通过ID获取doc对象 比如：id="main1">
h[tag] -= 10 减去多少都可以，这个是用来定样式的

Answer 2

tf[tag] = !tf[tag]这个符号是怎么理解？

Answer 3

h[tag] -= 10 
具体怎么执行的？

Answer 4

h[tag] -= 10 
具体怎么执行的？h[tag] =h[tag] -10 

Answer 5

h[tag] -= 10 
具体怎么执行的？h[tag] =h[tag] -10 这段代码怎么实现瞬间展开，收缩的功能点击收缩380只是减了10而已

Answer 6

h[tag] -= 10 
具体怎么执行的？h[tag] =h[tag] -10 tf[tag] = !tf[tag]
这句怎么理解

Answer 7

先了解一下基础知识  ，比如 setTimeout , ! 运算符