On second click; jQuery
<pre><code>&lt;div class="example"&gt;
 Test
&lt;/div&gt;

$('.example').click(function(){
 $(this).css('color','red');
});
</code></pre>

<p>When the code above get's clicked, it will apply the <code>.css</code>. Now what I need is for another bit of code (let's say <code>$(this).css('color','blue');</code>) to be applied, replacing the previous code when <code>.example</code> gets clicked a second time.</p>

<p>I've searched for this and askers seem to only need <code>.show</code>/<code>.hide</code> events which can be substituted with <code>.toggle</code>, which is obviously not the case here.</p>
