在不添加顯示的情況下切換左側動畫：無

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++; 
    });  
});