jqueryのアニメーションは、私は同じようにasmselectがするリスト項目をアニメーション化しようとしている

Question

引い続けるが、代わりにプラスの高さから2ピクセルマイナス

<script type="text/javascript"> 
$(document).ready(function() { 

$('#name').change(function(){ 
    $('#name option:selected').each(function() {  


       /*$('.asmListItem').animate({ 
        opacity: "show", 
        height: "show" 
       }, 100, "swing", function() { 
        $('.asmListItem').animate({ 
         height: "+=2px" 
        }, 50, "swing", function() { 
         $('.asmListItem').animate({ 
          height: "-=2px" 
         }, 25, "swing"); 
        }); 
       });*/ 
       $('#select-to') 
        .append("<li class='asmListItem' value='"+$(this) 
        .val()+"'><span class='asmListItemLabel'>" + '<b>'+$('#subnam').val() + ' </b>' + $(this) 
        .text()+"</span><a href=# class='asmListItemRemove'>remove</a></li>"); 

     $(this).remove(); 
    }); 
}); 

$('.asmListItemRemove').live('click', function() { 
      $(this).closest('li').remove(); 

を}）を引いておくように思われます。

}）;

Answer 1

アニメーションが実行されるたびに、li要素が小さくなります。 1つのアニメーションがあるときに2ピクセルで、それをデクリメント

http://jsfiddle.net/ytYmT/

の代わりに、その後、2ピクセルで高さを増分：

私はので、私はここでそれを再現しようとする試みをしたように、あなたのマークアップが見えるのか分かりません私はちょうど元の高さの値を格納し、2ずつインクリメントし、それを元の高さに戻しました。

  $('.asmListItem').animate({ 
       opacity: 'show', 
       height: 'show' 
      }, 100, "swing", function() { 
       var originalHeight = $('.asmListItem').height(); 
       $('.asmListItem').animate({ 
        height: originalHeight + 2 + "px" 
       }, 50, "swing", function() { 
        $('.asmListItem').animate({ 
         height: originalHeight + "px" 
        }, 25, "swing"); 
       }); 
      });