Question

jq ul li 展示收缩的问题

li标签里有6条内容，展示3条，点击展开显示全部，点击收起变回3条，展示收起的右边有个上下的箭头，展开是向下，收起是向上，怎么实现？

Answer 1

以UL LI为例

UL高度为200px，overflow:hidden,下面多的LI部分就隐藏了，

点击箭头设置该UL的高度，css（{“overflow”：“auto”}），再点击css（{“overflow”：“hidden”，“height”:“200px”}）

详细代码

$(".push_btn").toggle(function(){
    $("ul").css（{“overflow”：“auto”}）
},function(){
    $("ul").css（{“overflow”：“hidden”，“height”:“200px”}）
})

注意自己照着打一遍，我用的中文状态输入的