在不添加display：none的情况下切换左侧动画

Question

我正在尝试创建一个动画滑动导航菜单，其中子菜单使用动画切换为“左”属性滑出。

我已经成功设法让左边的属性在-360px的初始设置之间切换，其中div被隐藏，0属性被展开，但是当left属性切换为0时，它还会添加显示：无

我认为应该有一个相当简单的解决方案，但到目前为止我还没有找到它

以下是实施该页面的页面

这是Jquery函数：

http://alexpeake.info/index

$(document).ready(function(){
  $("#gallerytoggle").click(function(){
    $("#travelling_info").animate({left:'toggle'},"slow");
  });

})

Answer 1

你可以手动完成。不确定它是否是最佳的，但这是我天真的做法：

var state = 1;

$(document).ready(function(){
  $("#gallerytoggle").click(function(){
    $("#travelling_info").animate({left: parseInt((state % 2 - 1) * (-360)) + 'px'}, "slow");
    state++;
  });    
});