边缘和IE上的Jquery生涩的幻灯片，但不是JS小提琴？

Question

我整天都在解决这个问题，而且头上没有头发。

简介：

您需要使用Microsoft Edge或IE来测试此错误，因为该错误仅在这些浏览器上可见。

这是一个简单的代码，我在用户按下按钮时触发的隐藏div上下滑。

有什么问题：

slideDown是边缘的Jerky和网上的IE。您可以在www.doctirank.com上查看我的临时代码。这在chrome上很流畅，在firefox上并不顺畅，在IE和Edge上也很糟糕。但是当我在JS fiddle上复制完全相同的代码时，问题就不会出现了？！

更多信息：

这里是按下id“toggler”定义的按钮时的代码：注意我使用的是.velocity（）而不是.animate（），因为使用.animate（）报告了生涩的动画。所以这个领先优势已经消除。动画结束后，会弹出一个模态。

$('#toggler').click(function () {

    $("#toggle").delay(800).velocity("slideDown", {
        duration: 1200
    });
    $("#pipi").delay(800).velocity("scroll", {
        duration: 1200
    });

    var supa = document.getElementById('car');
    supa.addEventListener('webkitAnimationEnd', function (event) {
        $('#myModal').modal();

    }, false);

    return false;
});

你对此有什么解决方案吗？我需要回头发。