页面显示数据较多时隐藏部分数据

部分页面代码：
<div>
<div id="geGameResultAll">
<!-- 改为一次取出所有数据  -->
<c:forEach items="${geHealthResults}" var="resultRecord">
    ${resultRecord.result}<br>
</c:forEach>
<!-- 数据较多时 ，隐藏部分数据 -->
</div>

<a id="more">查看全部</a>
</div>
JS实现代码：
<script type="text/javascript">
var end;
var oDiv = document.getElementById("geGameResultAll");
var oText = oDiv.innerHTML;
function suolve(str) {
var sub_length = 500;
var str_length = str.length;
var res = str.substring(0, sub_length - 5);
if (sub_length < str_length) {
end = res + "……";
} else {
end = res;
document.getElementById("more").style.display = "none";
}
return end;
};

suolve(oText);
oDiv.innerHTML = end;
var oBtn = document.getElementById("more");
oBtn.onclick = function() {
if (oBtn.innerHTML == "查看全部") {
oDiv.innerHTML = oText;
oBtn.innerHTML = "收起";
} else if (oBtn.innerHTML == "收起") {
oDiv.innerHTML = end;
oBtn.innerHTML = "查看全部";
}
};

</script>