具有相同类名的多个div需要单独操作

Question

我目前正在尝试创建一个效果，当涉及到相应的链接时，将涉及面板展开。当你悬停在链接即时通讯使用jQuery来改变绝对位置，使其滑动，但我有同一个面板的重复。我该如何编码，以便当每个链接被突出显示时，它只激活它自己面板的幻灯片，而不是所有共享相同div类的重复。 Basicially需要本地化的代码仅每每个面板运行，因为它是现在每个链接激活所有幻灯片

$(function(){ 
     $(".expandLink").hover(function(){ 
      $(".hiddenContent").stop(true, false).animate({ top: "110px" }, 150); 
     }, function() { 
      $(".hiddenContent").stop(true, false).animate({ top: "185px" }, 150); 
     }); 
    }); 

Answer 1

你有find这样的选择是：

$(function(){ 
    var allContent = $('.hiddentContent'); 
    var stopAnimation = function() { 
     allContent.stop(true, false); 
    }; 

    $(".expandLink").hover(function(){ 
     stopAnimation(); 

     $(this).find(".hiddenContent").animate({ top: "110px" }, 150); 
    }, function() { 
     stopAnimation(); 
     $(this).find(".hiddenContent").animate({ top: "185px" }, 150); 
    }); 
});