Flip a DIV onclick
<p>I'm using the <a href="http://lab.smashup.it/flip/" rel="nofollow">Flip!</a> plugin to flip a div on click and revert the flip when a user clicks the div again. The code below makes the DIV flip but does not flip it back when you click it again.</p>

<p>JavaScript</p>

<pre><code>$(function(){
$("#flipbox").bind("click",function(){
    $("#flipbox").flip({
        direction:'rl',
        content:'this is my new content',
        onEnd: function(){
            $("#flipbox").bind("click",function(){
                $("#flipbox").revertFlip(); 
            });
        }
    })
    return false;
});
</code></pre>

<p>});</p>

<p>HTML</p>

<pre><code>&lt;div id="flipbox"&gt;
    Hello! I'm a flip-box! :)
&lt;/div&gt;
</code></pre>

<p>Appreciate any help.</p>
