css实现下拉列表

　　像上面的要想实现 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;