html tr 隐藏 jquery,用jquery实现显示和隐藏部分tr

这个有好几种方式的

一种就是控制大框架的高度，超出隐藏，然后Js是控制点击显示的时候高度自适应，

点击隐藏的时候高度为设置的高度。

大致写下jquery吧 看下应该不难

• 第一行
• 第二行
• 第三行
• 第四行
• 第五行

第一种

$('input[val="隐藏"]').click(function(){

$('li:first').show().siblings('li').hide();

})

$('input[val="显示"]').click(function(){

$('li').show();

})

第二种

$('input[val="隐藏"]').click(function(){

$('ul').css({height:'20px',overflow:'hidden'})

})

$('input[val="显示"]').click(function(){

$('ul').css({height:'auto',overflow:'hidden'})

})

第三种

$('li:first').after('

• ')

$('input[val="隐藏"]').click(function(){

$('ul.ul1').hide();

})

$('input[val="显示"]').click(function(){

$('ul.ul1').show();

})

简单的方法，具体怎么用还得看具体情况。