Toggle that cycles through 3 states
<p>I need to create one <code>button</code> that will cycle through <strong>3 states</strong>. For some reason that is incredible challenging to find. The functions in each state are simple style changes, example: </p>

<pre><code>click 1: hide div
click 2: show hidden div, change bg-color
click 3: reset bg-color, change font
click 1: reset font, hide div
</code></pre>

<p>Any ideas? I can't use <code>jquery</code> (class assignment, not allowed)</p>
