如果你想要实现height:0 到 height:auto的过渡效果,直接用height+tansition,你会发现没有过渡效果,下面的方法会让你快速实现过渡效果,原理是获取子元素的真实高度,赋值给父元素的max-height。
css 部分(menu-item-active是激活状态,默认高度是0,激活状态下是auto):
.menu-item {
max-height: 0;
transition: max-height 0.15s ease-out;
overflow: hidden;
}
.menu-item.menu-item-active {