jquery - 別の 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 (または 3 回のクリック) に等しい場合の右矢印についても同じです。

どんな助けでも大歓迎です。