css简易收缩展开动画

.fade-in-top {
  // 收缩
  overflow: hidden;
  transition: max-height 0.5s ease-out;
  -webkit-transform: max-height 0.5s ease-out;
  max-height: 0;
}
.slide-out-top {
  // 展开
  max-height: 3000px;  // 尽可能大 不过满足最大高度即可
  transition: max-height 0.5s ease-in;
  -webkit-transform: max-height 0.5s ease-in;
}