javascript - 反転したときに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;


    }