jquery - jQuery Transit アニメーションが Firefox または IE で機能しない

Question

http://ricostacruz.com/jquery.transit/にある jQuery トランジット イージング クラスをいじろうとしてきました。

ある場所から別の場所に移動する 4 つの .class 要素の単純な連鎖を設定しました。これは Crome では正常に動作していますが、Firefox + IE ではアニメーションがありません。

ここのダミーのFBアプリページでこれをテストしています： https://www.facebook.com/pages/Dette-er-en-test/186656608020464?sk=app_379428358804869

私のシーケンスチェーンは次のように設定されています:

<script>
$(document).ready(function()
  {
  $('.box1').hide();
  $('.box2').hide();
  $('.box3').hide();
  $('.box4').hide();

  $("#btn1").click(function(){
    $('.box1').show();
    $('.box2').show();
    $('.box3').show();
    $('.box4').show();

      $('.box1').
        css({ y: '+400px' }).
        transition({ y: -35 }, 350, 'out').
        transition({ y: 0 }, 150, 'in');
      $('.box2').
        css({ y: '+400px' }).
        transition({ y: -35, delay: 350}, 350, 'out').
        transition({ y: 0, }, 150, 'in');
      $('.box3').
        css({ y: '+400px' }).
        transition({ y: -35, delay: 700}, 350, 'out').
        transition({ y: 0, }, 150, 'in');
      $('.box4').
        css({ y: '+400px' }).
        transition({ y: -35, delay: 1050}, 350, 'out').
        transition({ y: 0, }, 150, 'in');
  });
});
</script>

何か案は？