jQuery toggle element style but pausing briefly inbetween
<p>I have an element which I am toggling the style of (like an on/off button). If it's currently 'on', change the style to 'off' and vice versa.</p>

<p>However, in some scenarios, I want to perform the above, but then revert to it's original state (cancelling out the toggle), but I want this to be reflected to the user by it's very brief change in style (so for 1/2 a second, it looks like it has changed style but then reverts back to it's original state.</p>

<p>I'm currently toggling the state of my button with the below code:</p>

<pre><code>myButton.toggleClass('button-off').toggleClass('button-on');
</code></pre>

<p>I've tried chaining a <code>delay(500)</code> between the above and a 'flip' of the above line, but that doesn't work.</p>
