JQuery交互式圖庫

我正在嘗試創建一個垂直定位的四個圖像庫，當點擊後向右移動300px，然後再次單擊時將300px移回原始位置。這是到目前爲止我的代碼：JQuery交互式圖庫

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

此代碼移動圖像的權利，但我不能讓他們搬回原來的位置。有什麼建議麼？

來源

2013-10-27 user2925650

嘗試使用toggle功能：

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

JSFiddle

來源

2013-10-27 18:06:13 AbdelElrafa

質量答案收益，如果您鏈接到文件，並很好地縮進代碼。隨着小提琴，你贏了。 – brasofilo

@b__它被編輯與適當的文件，很好地縮進，並與小提琴，我贏了;） – AbdelElrafa

現在，如果只有小提琴工作..... –

LIVE DEMO

jQuery(function($) { 

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

});

來源

2013-10-27 21:18:00

JQuery交互式圖庫

回答

相關問題