具有相同類名的多個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); 
    }); 
});