懸停在觸發器上展開遠處的元素。但與多個實例

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/