懸停需要發生特定的容器，而不是兩個

Question

這裏的小提琴：http://jsfiddle.net/sarvagnya1/ECj4V/

jQuery代碼：

$(".container").hover(function(){ 
    $(".circle-hide").animate({height: '0px'}); 
    },function(){ 
    $(".circle-hide").animate({height: '95px'}); 
    }); 

主要有兩種容器，當我將鼠標懸停在其中的一個功能作用於兩個容器。應該做出什麼改變，以便只有懸停發生的容器發生動畫效果。

Answer 1

您必須使用this並需要在circle-cont而不是container上進行懸停。

$(".circle-cont").hover(function(){ 
    $(this).find(".circle-hide").animate({height: '0px'}); 
    },function(){ 
    $(this).find(".circle-hide").animate({height: '95px'}); 
    }); 

JSFIDDLE DEMO