<页面里折合与打开>

主要思想是：通过覆盖，显示的方式。visible 为 true与false，id以及function函数中参数的不同。

具体代码如下：

<script type="text/javascript">
            function arrow(aa){
                if(aa == '1'){
                    document.getElementById("clo").visible = false;
                    document.getElementById("ope").visible = true;
                }
                else if(aa == '2'){
                    document.getElementById("clo").visible = true;
                    document.getElementById("ope").visible = false;
                }    
          }

</script>

<span id="clo">

　　<font>你好:</font>

　　<span onclick="script:arrow('1');">
　　　　<img src="img/arrow-down.png" />
　　</span>
</span>
<!--展开部分-->
<span id="ope" >
　　<font>检查单号:</font>
　　<font>我好</font>

　　<font>大家好</font>

　　<span onclick="script:arrow('2');">

　　<img src="img/arrow-up.png" />
</span>

其中用一个箭头的图片，在<span>里定义了onclick事件。