如何解决此代码在显示/隐藏功能上闪烁/闪烁/闪烁的问题？

Question

我在隐藏一个div和显示另一个div以及反向之间存在快速帧闪烁的问题。

我已经阅读了与视频结合在一起的“闪烁” “闪烁” 和“闪烁” 所能找到的所有结果， html5和jquery。

我已经尝试了所有可以找到但无济于事的“正在加载DOM问题” 修复程序。

内容位于固定大小的div中。

我尝试使用 .css jQuery样式代替显示/隐藏。

我尝试使用'fadeIn' / 'fadeOut'，但也无法使其正常工作。

    var video = $("#draftAnimation")
    var videoReverse = $("#draftAnimationReverse")

    $(".green").click(function() {
        var text = $(this).text();
        if (text == 'Display') {
            $(video).show();
            $(videoReverse).hide();
            $('.green').text("Hide");
            video.get(0).play();
        } else {
            $(videoReverse).show();
            $(video).hide();
            $('.green').text("Display");
            videoReverse.get(0).play();
        } 
    });

我希望它能显示要设置的div，并隐藏它设置为可以完美隐藏的div，而不会出现任何间歇性问题。即使经过数小时的Google搜索，我也无法弄清楚为什么这样做或如何解决。

如果有任何不同，则为两个格，播放前进/后退视频剪辑。打开/关闭。

任何帮助将不胜感激。