一篇文章太长，能否隐藏部分内容，然后点击"显示全部内容"，才显示所有内容，请问这个怎么处理啊

Question

<input type=button onclick=s() value="Show More">
<div id=x style="height:100px;width:100%;overflow:hidden">
测试1<p>测试2<p>测试3<p>测试4<p>测试5<p>测试6<p>测试7<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>
</div><input type=button onclick=s2() value="Show All">
<div id=x2 style="height:100px;width:100%;overflow:hidden">
测试1<p>测试2<p>测试3<p>测试4<p>测试5<p>测试6<p>测试7<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>
</div>
<script>
function s()
{
document.all.x.scrollTop += document.all.x.offsetHeight
}
function s2()
{
document.all.x2.style.overflow = ""
}
</script>

Answer 1

直接定义文章所属<td>块的高度
后面加个<td>..............</td>

Answer 2

用了上面孟老大的代码，是可以的但是有些文章最后只显示了半行怎么办还有个新问题就是，
如果一些文章的高度没超过设定的值，怎么让ShowAll不显示呢。

Answer 3

呵,天下不有免费东东的,我的在这暴晒了二天了,还是不人回答的,最后还是自己解决啦,做不了,我也明白多点,因为这是无利回答,所以你是不能要示太多的,我想可以用下IE提供的那个什么来的呀,我忘记了,MARQUEE然后用JS控制下方向什么的就行了

Answer 4

要不可以的话,你把它放到IFRAME中,

Answer 5

<style>
div{ height:150px; overflow:hidden; border:solid 1px; width:150px}
</style>
<div onclick="this.style.overflow='visible'" onmousedown="this.style.overflow='hidden'">测试1<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p>测试<p></div>