Jquery 切换动画

我有一个主页按钮。单击时，“关于”将显示（动画），再次单击“主页”按钮时，“关于”将返回。我想创建切换动画，一个问题是关于显示，但不返回

我需要你的帮助

var main=function（）{
$（'#hme'）。单击（函数（）{
if（$（'#abt'）.css（'left'，'-60px'））
$（'#abt'）。设置动画({
左：“200px”
}, 300);
其他的
$（'#abt'）。设置动画({
左：'-60px'
}, 300);
});
}
$（文件）.ready（主）；
$（文件）.ready（主）
#abt{
位置：绝对位置；
左：-60px；
顶部：50px
}
#导航{
背景：rgba（0,0,0,0.20）；
}
#导航{
保证金：0自动；
文本对齐：居中；
}
李{
列表样式类型：无；
显示：内联块；
-webkit过渡：颜色。5s；
}


家
关于

这是因为您正在为
#abt
设置css值，而不是检查它。试试这个：

var main = function(){
  $('#hme').click(function(){
    var left = $('#abt').css('left');
    if(left == '-60px') {
        $('#abt').animate({left: '200px'},300 );
    } else {
        $('#abt').animate({left: '-60px'},300 );
    }

  });
}

使用
左边距
而不是像下面的代码那样使用
左边距


var main=function（）{
$（'#hme'）。单击（函数（）{
如果（$（'#abt'）.css（“左边距”）=“200px”）{
$（'#abt'）。动画（{“左边距”：'-=200'}）；
}  
否则{
$（'#abt'）.animate（{“左边距”：'+=200'}）；
}
});
}
$（文件）.ready（主）
#abt{
位置：绝对位置；
左：-60px；
顶部：50px
}
#导航{
背景：rgba（0,0,0,0.20）；
}
#导航{
保证金：0自动；
文本对齐：居中；
}
李{
列表样式类型：无；
显示：内联块；
-webkit过渡：颜色。5s；
}


家
关于

请阅读，特别是“编写一个标题，总结具体问题”部分。您好，非常感谢您的输入，效果非常好！请告诉我在我的
if语句中
css（“左边距”）=“200px”）
和
css（“左边距”、“200px”）
之间的区别好吗？我试过
css（“左边距”，“200px”）
，它不起作用，但是
css（“左边距”）==“200px”）
马上就起作用了。if语句waite是一个布尔值
if（bool）
，这就是为什么我们试着检查
css（“左边距”）==“200px”）
是真是假，但是这个
css（“左边距”，“200px”）)
jus将页边距设置为200px，希望您理解我：）太好了！：）如果你找到了一个解决方案，请给一个正确的答案/投票。我想两个都投，但我怎么能两个都投？它们都是很好的解决方案！您可以使用每个答案旁边的大数字旁边的向上箭头图标进行投票。