reverse an onclick function
<p>So this is pretty basic stuff but I'm awful with javascript.</p>

<p>I'm working on the following page: <a href="http://mockingbirdagency.com/thebox/bettercss/login-1.html" rel="nofollow">http://mockingbirdagency.com/thebox/bettercss/login-1.html</a></p>

<p>with the following function.</p>

<pre><code>&lt;script type="text/javascript"&gt;                                         
$(document).ready(function() {
    $('#button-sign-up').click(function() {
        $(this).css("margin-top","10px");
        $('#details').toggle(500);
        $('#container-bloc-center').css("height", "290px")
    });
});
&lt;/script&gt;   
</code></pre>

<p>When I click on the button again,I'd like it to go back to its original position, how can I do that ?!</p>
