JQuery toggle function hides when it should alternate handlers
<p>I have <a href="http://jsfiddle.net/6sNgK/" rel="nofollow">this</a>.</p>

<pre class="lang-js prettyprint-override"><code>$(function()
 {
    $("#test_div").toggle(
        function() { $("#test_div").css({"background-color": "#00ff00"}); },
        function() { $("#test_div").css({"background-color": "#0000ff"}); }
    );
});
</code></pre>

<p>According to the <a href="http://api.jquery.com/toggle-even/" rel="nofollow">documentation</a>, every time I click in the div the functions in toggle should execute in an alternate way. First the function in the first argument should execute and after the second click the function in the second argument should execute.</p>

<p>However, the div just hides. What am I doing wrong?</p>
