js css 下拉动画

初始css：

.wrapper {
    transition:height 1s ease-out;
    height:0;
    overflow:hidden;
}

用js设置类：

.show {
  height: 30px;
}

如果不知道元素的高度，可以用下面的方式，计算出元素高度，再设置：

const slideDown = elem => elem.style.height = `${elem.scrollHeight}px`;

slideDown(document.getElementById("wrapper"));