我的个页面中有两个div，内容很多，想在页面加载的时候显示一部分，然后用户点“显示全部”时再全部显示出来。
在网上找了个js，但是只有控制一个div，我想两个都控制。
代码是这样的：

html ：

<div id="box1">这里是第一个div</div>
<div id="box2">这里是第二个div</div>

JS：

function show(){
for (i=1; i<3; i++){
        var box= document.getElementById("mybox"+i); 
        }
var text = box+i.innerHTML; 
var newBox = document.createElement("div"); 
var btn = document.createElement("a"); 
        newBox.innerHTML = text.substring(0,200); 
        btn.innerHTML = text.length > 200 ? "...显示全部" : ""; 
        btn.href = "###"; 
        btn.onclick = function(){ 
        if (btn.innerHTML == "...显示全部"){ 
                btn.innerHTML = "收起"; 
                newBox.innerHTML = text; 
        }else{ 
        btn.innerHTML = "...显示全部"; 
        newBox.innerHTML = text.substring(0,200); 
        } 
} 
        box.innerHTML = ""; 
        box.appendChild(newBox); 
        box.appendChild(btn); 
} 
show(); 

就是那个for，这样好像不行呀，怎么弄呢？

终于搞定，唉，都忘完了。
谢谢大家！