jquery - jQuery フローティング アニメーション - より良いアイデア?

Question

アニメーションを少しスムーズにする方法を探しています。

ここを見て、フィルタリング オプションを試してみてください。

ご覧のとおり、アニメーションが表示されます... しかし、最高ではありません... 物事が突然完全にフェードアウトすると、少しぎこちなくなることがあります。

代わりに、私は彼らが現在の位置にスライドすることを望んでいます...ちょうどこのように: http://amvisydney.com.au/

したがって、アニメーションの現在のコードは次のとおりです（fadeInとfadeOutを使用）：

      if($(this).attr('rel').indexOf(amy) >= 0){

         $(this).fadeIn(500);

      }else{

         $(this).fadeOut(500);

      }

これを改善するために何ができるか教えてください。

Answer 1

これを試して

$(this)..animate({opacity: 'toggle', height: 'toggle'}, 350);

デモ。