jquery - jqueryを使用してホバーdivの不透明度を変更する

Question

私は動的コメントリストを持っています:

<div class="comment">
  <div class="commentact">
    Test1
  </div>
</div>
<div class="comment">
  <div class="commentact">
    Test2
  </div>
</div>
<div class="comment">
  <div class="commentact">
    Test3
  </div>
</div>​

div class='comment'今、ユーザーが各ショーdiv class='commentact'にホバーするときに必要opacity 0です。

私はこのjquery関数を持っています:(私はdiv commentactのデフォルトを不透明度0.2に設定しました)

$(".commentact").css('opacity','0.2');

$(document).ready(function(){

   $(".comment").hover(function() {
      $(".commentact").stop().animate({ opacity: 1 });
   }, function() {
      $(".commentact").stop().animate({ opacity: 0.2 }); 
   });

});​

今、不透明度0でcomment divすべてを表示すると、何が問題なのですか! commentact divこれを修正するには？デモ