jQuery動畫返回到開始狀態

Question

我需要第二個點擊函數返回（ - = 550px）。就像現在這個圖形一直在繼續。

下面的代碼：

$(document).ready(function(){ 
    $("#busoptbio").hide(); 
    $("#current").click(function() { 
    $("#busoptbio").show(); 
    $("#busoptbio").animate({left: '+=340px'}, 1200); 
    return false; 
    }); 

    $("#busoptbiolnk a").click(function(){ 
    $("#busoptbio").animate({left: '+=550px'}, 1200); 
}, function() { 
$("#busoptbio").animate({left: '-=550px'}, 1200); 
    return false; 
    }); 
    }); 

感謝您的幫助。

Answer 1

$("#busoptbiolnk a").click(function(){ 
    var bio = $("#busoptbio"); 
    if(bio.hasClass('visible')) 
     bio.removeClass('visible').animate({left: '-=550px'}, 1200); 
    else 
     bio.addClass('visible').animate({left: '+=550px'}, 1200); 
}); 

Answer 2

你的意思是第二次點擊後退和前進的移動？

，如果它的問題試試這個

$("#busoptbiolnk a").click(function(){ 
    $("#busoptbio").animate({left: '-=550px'}, 1200); 
});