悬停在触发器上扩展远程元素。但有多个实例

Question

http://jsfiddle.net/umbriel/CvhkM/1080/

在这个小提琴中，我设法编码，以便当我将鼠标悬停在红色触发器上时，div会相应地扩展。 但是我想要多个触发器来扩展其链接的div 。但是因为我是jQuery的新手，所以我无法找到一种有效的方法。任何帮助表示赞赏！

要添加一些上下文，我想在员工的照片上添加这些扩展div，这样，如果您将鼠标悬停在触发器上的名称，则div将通过头部展开，显示有关该人员的额外信息。有点像图像上的注释。

Answer 1

尝试这样的事情：

$('.trigger').hover(function() {
    $(this).next('.employee').delay(200).animate({
        height: '200px'
    }, 500);
},function() {
    $(this).next('.employee').dequeue().animate({
        height: '20px'
    }, 500);
});

此代码段使用.next()获取.employee的下一个.trigger兄弟。

小提琴：http://jsfiddle.net/CvhkM/1081/