当另一个div的边距等于0px时，使div可见

Question

基本上我有一个在单击向右或向左箭头时水平移动的div。使用以下jQuery：

$(".arrow_right").click(function(){
$(".movingdiv").animate({marginLeft: '+=-225px'}, 500);
});

$(".arrowcontainer_left").click(function(){
$(".movingdiv").animate({marginLeft: '+=225px'}, 500);
});

为了确保移动div不会离开屏幕，我希望左箭头的css更改为：

  visibility:hidden; 

当移动div的margin-left等于0px时。当移动div的margin-left等于675px（或三次点击）时右箭头也一样

非常感谢任何帮助。

Answer 1

这样做。

$(".arrowcontainer_left").click(function(){
    $(".movingdiv").animate({marginLeft: '+=225px'}, 500,function() { 
        if($(".movingdiv").css("margin-left") == "675px")
        {   // your stuff to hide
        }
    });
});