不能让我的div在翻转时保持相同的不透明度

Question

嗨，我是一个使用flippy.js的新编码器，当点击我的导航按钮时，我想让div翻转，但是一旦翻页被执行但保留了相同的颜色/不透明度但是其中有新的内容（已经实现了） ，所以它开始翻转罚款，但然后中途消失，我尝试了一些不同的方法，如onfinish，内容，我已经发现堆栈溢出，但似乎无法找到我的问题的解决方案任何帮助将不胜感激。

谢谢

代码：

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;


    }