title: Are jQuery fadeIn(), animation() functions non-blocking?
body: <p>I have a page which issues several ajax queries in <code>$('document').ready()</code>. I want to use <code>fadeIn()</code> or <code>animation()</code> to display some information for a few seconds after received the first ajax call. </p>
  
  <p>Will the following js/ajax calls be blocked during the animation playing? Or should I use setTimeout to delay the animation a second so the ajax calls can be started asynchronously?</p>
  
  <p><strong>Edit:</strong></p>
  
  <p>My code will look like this. Will the others ajax calls be blocked for 5 seconds?</p>
  
  <pre><code>$.ajax({..., success: function(result) {
      $('#msg').html(result.xxx);
      $('#msg').fadeIn(5000);
  
      // Other ajax calls
      $.ajax(....)
      ....
  }
  </code></pre>