title: jQuery modifying CSS - when does browser render?
body: <p>My jQuery code adds and removes multiple style classes. Does the browser re-render with every line of javascript code?  For example:</p>
  
  <pre><code>$(this).addClass('text1-hidden');
  $(this).removeClass('text-2-hidden');
  $(this).addClass('text3-shown');
  $(this).removeClass('text-4-shown');
  </code></pre>
  
  <p>When does the browser re-draw things?</p>