Javascript JQuery互动图库

我试图创建一个由四幅图像组成的图库，垂直放置，单击时向右移动300px，然后再次单击时将300px移回原始位置。这是我目前的代码：

$(document).ready(function(){
    $(".slidingimage ").click(function(){  
        $(this).stop().animate({left:"300px"}, 2000);        
        $(".slidingimage").css("left");                
    });     
});  

这段代码将图像向右移动，但我无法让它们移回原始位置。有什么建议吗

尝试使用以下功能：

$(".slidingimage").toggle(function(){
    $(".slidingimage").animate({left:300},600);},
function(){
    $(".slidingimage").animate({left:0},600);
});

jQuery(function($) {

    $(".slidingimage").click(function(){  
      $(this).stop().animate({left: this.offsetLeft<150 ? 300 : 0 }, 2000);
    });     

});

jQuery（函数（$）{
$（“.slidingimage”）。单击（函数（）{
$（this）.stop（）.animate（{left:this.offsetleft如果链接到文档并很好地缩进代码，那么答案的质量会提高。如果使用小提琴，那么您就赢了。@b_uuu它是用适当的文档编辑的，缩进很好，使用小提琴，我赢了；）