title: jQuery animate() change text
body: <p>I'm just now giving my first steps on jQuery animate(). I'm trying to make a presentation type thing just to practice, but I can't seem to be able to change the text of my div in the middle of the animation using the animate() function.</p>
  
  <p>Here's my current code:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;    &lt;/script&gt;
  &lt;script&gt; 
  $(document).ready(function(){
    $("button").click(function(){
    var div=$("div");  
    div.animate({left:'100px'},"slow");
    div.animate({fontSize:'3em'},"slow");
    div.animate({fontSize:'1em'},2000);
    div.animate({opacity:'0'},"slow");
    //can I change the text with animation???
    div.animate({opacity:'1'},"slow");
    div.animate({left:'0px'},"slow");
    });
  });
  &lt;/script&gt; 
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;button&gt;Start Animation&lt;/button&gt;
  &lt;div id='text'      style="background:#98bf21;height:100px;width:200px;position:absolute;"&gt;HELLO&lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Is there a practical way I can change the text while the opacity is turned off, so when the animation returns the text is changed?</p>