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