jquery - ホバーは、両方ではなく特定のコンテナーに対して発生する必要があります

Question

これがフィドルです：http://jsfiddle.net/sarvagnia1/ECj4V/

Jクエリコード:

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

2 つの主要なコンテナーがあり、そのうちの 1 つにカーソルを合わせると、関数は両方のコンテナーに作用します。ホバーが発生したコンテナのみでアニメーション効果が発生するようにするには、どのような変更を行う必要がありますか。

Answer 1

の代わりに使用thisし、ホバーする必要があります。circle-contcontainer

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

JSFIDDLE デモ