css如何做页面折叠

html-css066

css如何做页面折叠,第1张

css页面折叠可以通过display:block/none 来控制内容显示和隐藏。 同时用js来触发。

你的采纳是我前进的动力!

记得好评和采纳，答题不易，互相帮助，

手机提问的朋友在客户端右上角评价点满意即可.

如果你认可我的回答，请及时点击采纳为满意回答按钮！

可以改变 "div" 元素的高度(jQuery的animate方法)：

$(".btn1").click(function(){

  $("#box").animate({height:"300px"})

})

也可以设置溢出隐藏：

<div style="min-height:10pxoverflow:hidden">

    <div style="margin-top:-800px">content more..</div>

</div>

第二种方式也需要js动态改变div style里面的margin-top。