.toggle() only hiding it's target element, not toggling states on alternate clicks
<p>I'm trying to create a button which toggles the visibility of the two elements on every other click...this working fine up to a few days ago but now on page load it hides the button. I found that .toggle also works to show/hide elements but how do you use it to toggle between functions on alternate clicks?</p>

<p>JS:</p>

<pre><code>$("#button").toggle(
     function(){
          $('#stuff1').hide("slow");
          $('#stuff2').show("slow");
     },
     function(){ 
          $('#stuff1').show("slow");
          $('#stuff2').hide("slow"); 
     }
);
</code></pre>

<p>HTML:</p>

<pre><code>&lt;img id="button" src="button.jpg"/&gt;
&lt;p id="stuff1"&gt;stuff&lt;/p&gt; 
&lt;p id="stuff2"&gt;stuff&lt;/p&gt;
</code></pre>
