jquery切換懸停的每個div

Question

我有幾個div按順序顯示，我希望當用戶滾過每個div在幻燈片動畫中顯示內容。我已經完成了大部分工作，但我正在努力掌握如何在滾動正確的div時使動畫發生。目前，當我翻轉一個div顯示全部三個動畫內容時。

任何幫助將是偉大的。

代碼：

$(".collection-content").hover(function() { 
    $(".collection-info").slideToggle("fast"); 
}); 

我知道它是與foreach語句，但我不能到那裏。

感謝

Answer 1

更改此

$(".collection-content").hover(function() { 
    $(".collection-info").slideToggle("fast"); 
}); 

對此

$(".collection-content").hover(function() { 
    $(this).find(".collection-info").slideToggle("fast"); 
}); 

Answer 2

試試這個請：

，如果你正在尋找children你可以使用.next可能。

輕拂我你的HTML，我們可以幫助更多信息，:)

$(".collection-content").hover(function() { 
    $(this).find(".collection-info").slideToggle("fast"); 
}); 

Answer 3

更改此

$(".collection-content").hover(function() { 
    $(".collection-info").slideToggle("fast"); 
}); 

對此

$(".collection-content").hover(function() { 
    $(".collection-info", this).slideToggle("fast"); 
});