这个有好几种方式的
一种就是控制大框架的高度,超出隐藏,然后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();
})
简单的方法,具体怎么用还得看具体情况。