http://dobinspark.com.cn/ 前言： 　　在说到实现元素的展开收缩，通常的想法是通过控制display的元素属性和none之间的切换，虽然说功能可以实现，但是这种展开是没有任何动画的效果，只是单纯的显示与隐藏。例外一种方法就是通过JQuery的slideUp ...

1.上面是点击的部分，可自定义，下面是我项目的内容部分，下面的代码是功能部分的代码，去掉了不必要的部分记录。 代码：这部分，要注意的是样式。 <ul class="n ...

需求：点击下方优惠信息，展开当前详情内的全部优惠信息，所在块自动向上升高，动画时长0.3秒（为了方便演示demo，我把时长改为1秒），第二次点击重新收缩，显示最上方一条，没有数据时不显示优惠信息区域。 效果图： html部分： css部分： js部分 ...

代码如下： ...

组件 使用页面 ...

min-height/max-height当里面内容超出对应高度时，滚动条会出现在#body上 ...

一个元素不设置高度时，height的默认值是 auto，浏览器会自动计算出实际的高度。那么如何为一个height:auto的元素添加 css3动画呢？在MDN文档中css 支持动画的属性中的 height 属性如下 ：当 height 的值是 length，百分比或 calc() 时支持 css3 ...

元素高度：max-height height > min-height > max-h ...