如何折叠表行（也支持IE8）？

我希望折叠表的最后两行，当用户点击“点击此处查看更多行”之类的内容时会折叠。 这将显示为前两行的最后一行，如果用户想要将它们折回，则变为一些切换按钮。

在理解之后没有办法只通过CSS2 这样做 ，我想如果我想要IE8支持我也需要使用javascript / jquery。

我找到了一个jquery手风琴示例，并尝试在桌面上实现它，但它并没有真正起作用。

这是一个小提琴

尝试用<div class="open" >`包装最后两行但是它不起作用（在jquery中几乎没有知识，只是试图为网站修补它）。

在IE7上如果不可能，我希望从一开始就将所有行都折叠起来。

HTML：

  
      
 
 
1
 
2
 
3
 
4
 
5
 
 
 
 
 
a
 
b
 
c
 
d
 
e
 
 
 
a
 
b
 
c
 
d
 
e
 
 
 
a
 
b
 
c
 
d
 
e
 
 
  

JavaScript的：

 $(document).ready(function () { $('table').accordion({collapsible: true,active: false,header: '.open' }); }); 

Answer 1

http://jsfiddle.net/4rkkksmd/4/

JavaScript的：

 $('tr.btn td').click(function(){ $('tr.hidden .slide').toggle(200) }); 

HTML：

 
 
 
 
1
 
2
 
3
 
4
 
5asdfasdfasdf
 
 
 
 
 
Click me
 
 
 
 
 asd 
 
 
 
 asd 
 
 
 
 asd 
 
 
 
 asd 
 
 
 
 asd 
 
 
 
 
 
 asd 
 
 
 
 asd 
 
 
 
 asd 
 
 
 
 asd 
 
 
 
 asd 
 
 
 
 
 
 asd 
 
 
 
 asd 
 
 
 
 asd 
 
 
 
 asd 
 
 
 
 asd 
 
 
 
 
a
 
b
 
c
 
d
 
e