title: How to animate .html() on click
body: <p>When I click this button, I'd like the to animate the .html() to make the width transition from Expand to Collapse smoother.</p>
  
  <p>Here's my button:</p>
  
  <pre><code>&lt;a href="#" class="toggle-form"&gt;Expand&lt;/a&gt;
  </code></pre>
  
  <p>Here's my jquery:</p>
  
  <pre><code>$('.toggle-form').click(function(e) {
      e.preventDefault();
  
      $(this).toggleClass('active');
  
      if($(this).hasClass('active')) {
          $(this).html('Collapse');
      } else {
          $(this).html('Expand');
      }
  });
  </code></pre>
  
  <p>Thank you guys :)</p>