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/