jquery - jQueryオンロードフリップdiv

Question

OK、私はこのコードを使用しています:

<script type="text/javascript">
    $(function() {

        $("#flipPad a:not(.revert)").bind("click",function() {
            var $this = $(this);
            $("#flipbox").flip({
                direction: $this.attr("rel"),
                color: $this.attr("rev"),
                content: $this.attr("title"), //(new Date()).getTime(),
                onBefore: function(){$(".revert").show()}
            });
            return false;
        });

        $(".revert").bind("click",function() {
            $("#flipbox").revertFlip();
            return false;
        });

        var changeMailTo = function() {
            var mArr = ["@","smashup","luca",".it"];
            $("#email").attr("href","mailto:"+mArr[2]+mArr[0]+mArr[1]+mArr[3]);
        }

        $(".downloadBtn").click(function() {
            pageTracker._trackPageview("download_flip");
        });

        setTimeout(changeMailTo,500);

    });
</script>

これが何をするかというと、flipPad ボタンをクリックすると、flipbox がDEMOに戻ります

今私がやりたいことは、divを反転することですが、自動的に.
私はこれを試しましたが、うまくいきませんでした：

<script>
    $( document ).ready(function() {
        $("#flipbox").flip({
            direction: $this.attr("rel"),
            color: $this.attr("rev"),
            content: $this.attr("title"), //(new Date()).getTime(),
            onBefore: function(){$(".revert").show()}
        });
    });
</script>