特定の位置にある場合のみdivをアニメーション化する方法は？

Question

divをアニメーション化（スライドダウン）する方法はありますか？たとえば、ページ上の特定の位置にの場合はのみですか？

たとえば、すべて同じクラス.ALLCONTENTを持つ4つのdivがありますが、ボタン（クラス.BUTTONSを持つ）をクリックすると、上から30ピクセルのdivだけが下にアニメーション表示され、残りは残ります同じ場所。

基本的にdivを特定の位置にスライドさせます。そのdivの位置が既にそれより下にスライドしていない場合は、 IDを割り当てることができない場合は、私が

$(".BUTTONS").click(function(){ 
    $(".ALLCONTENT").animate({"top":"+=558px"}, 250, 'linear'); 
}); 

Answer 1

使用

if($(".ALLCONTENT").offset().top === 20) { 
    //Do something 
} 

を

文書/本文への絶対位置を確認したい場合

および

if($(".ALLCONTENT").css("top") === "20px") { 
    //Do something 
} 

または

if($(".ALLCONTENT").position().top === 20) { 
    //Do something 
} 

あなたはdiv要素は、異なるIDを持つことができないのはなぜ

Answer 2

で今抱えている問題は、この使用（でも私はイメージできませんが）：

if($(".ALLCONTENT").css("top") == "20px") { 
//Do something 

} 

Answer 3

$(".BUTTONS").click(function(){ 
    $(".ALLCONTENT").each(function(i){ 
     if($(this).css("top")=="30px"){ 
      $(this).animate({"top":"558px"}, 250, "linear"); 
     } 
    }) 
});