点击按钮实现table的隐藏缩放？

Question

想点击“查看更多”将未显示完全的table的信息给显示出来，且文字变成“收起”，当点击“收起”时，则收缩table内容回上图？

Answer 1

如果数据都是提前加载好的话，只是通过这个按钮控制更多数据的显示的话，目前有两个思路。

1. 控制数据区域的高度，初始状态下只显示高度的一部分，点击查看更多，显示完整高度，展示完整数据
2. 将多余数据放在一个相邻的div里，点击查看更多显示，再点击隐藏。

Answer 2

btn.onclick = function(){
    if(table.style.display == "block"){
        table.style.display = "none";
    }else{
        table.style.display = "block";
    }
}

Answer 3

加入display:block变成这个样子