title: On second click; jQuery
body: <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>