Jquery 如何使动画倒退

我这里有一张草图：

$（'button'）。在（'click'，function（）上{
$（'.block'）.toggleClass（'hide'）；
});
div{
高度：300px；
宽度：300px；
背景色：红色；
动画：anim.2s；
}
.隐藏{
显示：无！重要；
}
@关键帧动画{
来自{opacity:0；transform:translateX（-100%）；}
到{opacity:1；transform:translateX（0）；}
}

按我
如果要在移除类时使动画反转，则可以更容易地在CSS中使用
转换
来设置
变换
和
不透明度
属性的动画。然后您可以免费获得该行为：


$（'button'）。在（'click'，function（）上{
$（'.block'）.toggleClass（'hide'）；
});
div{
高度：300px；
宽度：300px；
背景色：红色；
变换：translateX（0）；
过渡：不透明度0.2s，变换0.2s；
不透明度：1；
}
皮{
转化：translateX（-100%）；
不透明度：0；
}

按我
您真的需要使用动画吗？您可以使用
transition
或
jquery slideToggle（）。