title: Bypassing transition and changing a property instantly
body: <p>I want to bypass CSS transition and change a property instantly.<br>
  I tried to set <code>transition-duration</code> to <code>0s</code> before the change and then set <code>transition-duration</code> back to its original value:</p>
  
  <pre><code>$('div').css('width', '200px').delay(1000).queue(function() {
      $(this).css({
          transitionDuration: '0s',
          msTransitionDuration: '0s',
          mozTransitionDuration: '0s',
          webkitTransitionDuration: '0s',
          oTransitionDuration:'0s'
      }).css('width', '10px').css({
          transitionDuration: '2s',
          msTransitionDuration: '2s',
          mozTransitionDuration: '2s',
          webkitTransitionDuration: '2s',
          oTransitionDuration:'2s'
      })
  })​
  </code></pre>
  
  <p><a href="http://jsfiddle.net/6cTeY/">Fiddle</a><br>
  This obviously doesn't work.</p>
  
  <p>I understand that the <a href="http://www.w3.org/TR/css3-transitions/#starting">spec</a> does not define that behavior for this:</p>
  
  <blockquote>
    <p>Since this specification does not define when computed values change,
    and thus what changes to computed values are considered simultaneous,
    authors should be aware that changing any of the transition properties
    a small amount of time after making a change that might transition can
    result in behavior that varies between implementations, since the
    changes might be considered simultaneous in some implementations but
    not others.</p>
  </blockquote>
  
  <p>Is there an easy way to do this?</p>
  
  <p><strong>Note:</strong> The property I am changing is <code>transform</code> so <code>.animate()</code> would not be an option.</p>