Javascript 推送菜单中的身体动画不工作

HTML：我不确定问题是否在这里，但是jquery的链接可以工作，因为当我从jquery中删除身体动画时，菜单的动画工作得非常好。但它不会返回或推送主体，因为我从js代码中删除了该部分。。。我似乎看不出jquery中的body、close标记和事件有什么问题。请你帮我查一下好吗？我会永远感激你的。我在寻找这个虫子时已经筋疲力尽了

//jQuery:当我删除身体动画或换句话说，离开菜单动画时，它似乎起作用
var main=函数（）{
$（'.icon-menu'）。单击（函数（）{
$（'.menu'）。设置动画({
左：'0px'
},350);
$（'body'）。设置动画({
左：'290px'
},350);
$（'.close'）。单击（函数（）{
$（'.menu'）。设置动画({
左：'-290px'
},350);
$（'body'）。设置动画({
左：'0px'
},350);
});
};
$（文档）.ready（主）；

菜单{
身高：50%；
宽度：285px；
左：-290px；
位置：固定；
颜色：#000000；
字体大小：15px；
文字装饰：无；
文本转换：大写；
边界半径：10px；
最高：5%；
}
.菜单ul{
边框顶部：1px实心rgba（99,99102,5）；
边界不透明度顶部：0.5；
列表样式：无；
左边距：30px；
右边距：30px；
填充：0；
}
李先生{
边框底部：1px实心#636366；
字体系列：“开放式Sans”，无衬线；
线高：50px；
垫底：3件；
左侧填充：20px；
垫面：3件；
文本对齐：居中；
不透明度：0.5；
光标：指针；
}
.菜单李：悬停{
不透明度：1.0；
背景色：rgba（255255,0.4）；
}
.结束{
光标：指针；
左侧填充：10px；
填充顶部：10px；
文本对齐：居中；
}
.关闭：悬停{
背景色：rgba（255255,0.4）；
}
琼伯伦先生{
身高：100%；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
}
.图标菜单{
颜色：#000000；
光标：指针；
字体系列：“开放式Sans”，无衬线；
字体大小：20px；
左边距：20px；
垫底：25px；
左侧填充：25px；
填充顶部：25px；
文字装饰：无；
文本转换：大写；
宽度：80px；
不透明度：0.5；
过渡：所有0.3秒都容易进入；
}
.图标菜单：悬停{
过渡：所有0.3秒都容易进入；
不透明度：1；
}
.图标菜单i{
右边距：5px；
}
html，正文{
左：0px；
溢出：隐藏；
位置：相对位置；
}

关于
帮助
博客
接触

菜单

您是否尝试设置身体左侧边距的动画

$('body').animate({
  marginLeft:'290px'
},350);

---

不要使用主体，设置一个环绕div，并对其进行动画处理。这可能会对您有所帮助。单独使用动画边距可以工作，但当我应用它关闭菜单时，它完全停止工作。尝试一下，您将看到。