javascript - 翻转时无法让我的 div 保持相同的不透明度

Question

嗨，我是一个使用 Flippy.js 的全新编码器，当我点击导航按钮时，我希望 div 翻转，但在执行翻转后保持相同的颜色/不透明度，但其中包含新内容（已经实现），所以它开始翻转很好，但中途消失了，我尝试了一些不同的方法，如 onfinish、content，我在堆栈溢出时发现但似乎无法找到解决我的问题的方法，任何帮助将不胜感激。

谢谢

代码：

function about(){

$(document).ready(function() {

        $(".flipbox").flippy({
            color_target : "rgba(66,66,66,.6)", 
            direction : "LEFT",
            duration : "750",
            verso : function(){$(".flipbox").load("hello.html")},
          });
      });
  }

HTML：

<div class="flipbox">


</div>

CSS：

.flipbox{

    width: 760px;
    height: 460px;
    margin:auto;
    background-color:#666;
    opacity: 0.6;
    position:relative;
    border: .3px solid black;
    -moz-box-shadow:    3px 3px 2px 2px #ccc;
        -webkit-box-shadow: 3px 3px 2px 2px #ccc;
        box-shadow:         3px 3px 2px 2px #ccc;


    }