jQuery动画没有播放

我原以为我的这段代码可以用，但它只能用50%。当设置宽度从0到200px的动画时，它可以工作，但反之亦然，它不工作

这是有效的：

$（'#left'）.animate（{“width”：“200px”}，“1000”）.show（）

但这不是：
$（'#left'）.animate（{“width”：“0px”}，“1000”）.hide（）

我做错了什么

动画完成后将其隐藏：

$('#left').animate({"width": "0px"}, "1000", function () {
    $(this).hide();
});

其原因是，animate异步激发，然后立即调用hide，使其消失。将其放入完整的回调中，可以获得所需的效果

查看更新的小提琴：
啊，快到了！我可能也要改变节目的动画，对吗？先放映然后播放动画？因为现在，当你一个接一个地点击一些按钮时，它不能100%工作。否。请尝试在所有动画之前使用。
show
实际上应该是这样的，所以动画一开始就显示出来。