动画下拉高级搜索

Question

我目前正在制作一个pokedex应用程序，并且在为下拉菜单高级搜索设置动画时遇到问题。视口的顶部有一个固定的标题，其中包含输入栏和一个按钮，该按钮负责显示带有用于口袋妖怪类型过滤的按钮的块。因此，我想使此块平稳滑落。但是我真的不知道如何正确地做到这一点。使用transform：scaleY（）给我留下了空白，因为它只是一种视觉效果，并不关心内容。转换max-height也不起作用，因为该块的高度为0，但是其内容仍然可见。有什么聪明的方法吗？也许某种图书馆可以帮助我实现自己的目标？以下是我正在谈论的两个视图，并希望在它们之间进行动画处理。