微信小程序-给列表加上手风琴效果

列表内容的显示和隐藏是十分常见的需求，下面我将介绍如何通过简单的CSS过渡动画来制作列表显隐的手风琴效果~

先看效果图：

关键点：要实现动画的效果，通过 display:none 控制显隐是不行的，因为这个属性造成的变化效果是瞬间的，所以这里用到的是 transition 属性来指定 heigth 高度变化的过渡效果。

需要用到的示例数据

data: {
    selected: [false, false, false, ...], // 这里表示列表项是否展开，默认初始时此数组的元素全为fasle，表示都没展开
    active: null， // 当前展开的项的index值
    examTime: [
        {
            考试日期: "2019-05-07",
            考试时间: "13:00-14:30"
            课程名称: "敏捷迭代开发",
            考试座位: "A201"，