像上面的要想实现 Hover 标题时 内容区下拉的效果，一般是要用js实现：
先获取内容区的高度，由于内容区刚开始可能是隐藏的，那么怎么才能获取其高度呢？方法是先给其元素设置绝对定位并把位置保持和之前的一样，再visibility：hidden；其实jQuery的height()方法就是这么干的，
再把内容区高度置为0，
然后利用js让其高度从0 变化到原先获取到的高度，
平常PC端我们用jQuery习惯了感觉不到麻烦，可移动端实现其效果时你会发现原生js实现起来确实有点麻烦，
那么我们此时可能会想到既然是移动端，就利用transition变化其高度不就得了，
于是我们代码这样写：height:0; 》》 height:auto;
测试后发现根本没有丁点效果，原因是transition要求给目标height一个具体的数值才能触发动画效果，
...
说了一堆废话，最后实现方法是：max-height:0; 》》 max-height:10000px;
原文：http://www.cnblogs.com/jiujiaoyangkang/p/4891200.html