title: jQuery html transition
body: <p>I'm still learning jQuery and what I'm trying to do right now is combining the <code>html()</code> method with a transition ( e.g. <code>hide()</code> and <code>show()</code> ) in order to change the html of a div with a transition effect. This is what I tried:</p>
  
  <pre><code>$('div.content_box').hide(1000).html(return_html).show(1000);
  </code></pre>
  
  <p>Where <code>div.content_box</code> is the div which's content/HTML should be changed with a transition and return_html contains the html that was returned by a PHP file which was requested through the <code>ajax()</code> method. </p>
  
  <p>However, this does not give me the desired result. Instead of first hiding the div, then changing its html and then showing it again, it already changed the div's HTML content when it's still hiding it. </p>
  
  <p>Does anyone know how I can make this work properly (where the actions are executed in proper order and one at a time)?</p>