动画就像菜单滑落缓慢甚至褪色。
我更喜欢通过CSS3或jQuery。我尝试在toggleclass中使用持续时间，并且在开放类中也过渡，但似乎不起作用。
链接：https：//codepen.io/selate/full/yvvyzz/
<html>
*** Code in CodePen *
</html>
您将display属性切换到none和block。增加该元素的过渡没有效果。更好的方法是使height属性从0到your desired height(例如200px(。
尝试更改您的CSS
@media (max-width :670px){
.header-list {
left: 0;
top: 100%;
right: 0;
position:absolute;
height:0px;
width:100%;
border:1px solid red;
overflow:hidden;
transition:all ease 0.5s;
}
}
尝试
参考链接