在不添加显示的情况下切换左侧动画：无

Question

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

我已经成功地设法让左边的属性在-360px的初始设置之间切换，div的隐藏位置和0属性被扩展出来，但是当左边属性切换为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++; 
    });  
});