Weird toggle between functions, what am I doing wrong?
<p>First time I click, nothing. Second time, the first alert fires twice. Third time, the second alert fires twice, and the first one fires once. Fourth time, it gets even weirder. I guess I'm using toggle() wrong, but I don't see how. The code is</p>

<pre><code>&lt;button onclick="$(this).toggle(function(){alert(1)}, function(){alert(2)})"&gt;Play&lt;/button&gt;
</code></pre>

<p>Fiddle: <a href="http://jsfiddle.net/2uRKD/" rel="nofollow">http://jsfiddle.net/2uRKD/</a></p>

<p>Thanks!</p>
