jQuery的懸停影響所有div

Question

我有這樣的jQuery的懸停效果，它的工作原理是有一個DIV是看不見的，當你將鼠標懸停在一個div它的幻燈片無形的div起來，使其可見。當有多個div，你將鼠標懸停在一個DIV /箱..所有其他無形的div向上滑動，當只是在div你上空盤旋，應該向上滑動。這裏是我的上滑的div的jQuery：

$(function(){ 
    $(".video-entry-summary").hover(function() { 

     $(".videotntitle").stop(true,true).animate({'bottom': '+=211px' },200); 

    }, function() { 

     $(".videotntitle").stop(true,true).animate({'bottom': '-=211px' },200); 

    }); 
}); 

這裏是的jsfiddle證明我的問題..就像我說的，只有一個DIV應該向上滑動，不是所有的人。

http://jsfiddle.net/Rfs6G/1/

任何幫助，將不勝感激！ :)

Answer 1

您可以指定範圍內的目標正確的div：

$(function(){ 
    $(".video-entry-summary").hover(function() { 
     $(".videotntitle", this).stop(true,true).animate({'bottom': '+=211px' },200); 
    }, function() { 
     $(".videotntitle", this).stop(true,true).animate({'bottom': '-=211px' },200); 
    }); 
}); 

$(".videotntitle", this)搜索裏面this與videotntitle類的元素（這是懸停的元素）

Demonstration

Answer 2

您指定了錯誤的選擇，而不是正確的。

你想要的目標

$(this).find('.videotntitle').stop(). etc etc; 

http://jsfiddle.net/Rfs6G/2/