title: How to animate text with css font-weight property in jQuery ? normal to bold
body: <p>I am trying to animation like opacity effect, which turns text bolder slowly. Tried usual <code>animate()</code> method but didn't work. Searched for it but coundn't find any example. <strong>Is it possible to do this?</strong></p>
  
  <p><a href="http://jsfiddle.net/2EECN/28/"><strong>jsFiddle.</strong></a></p>
  
  <p><strong>jQuery:</strong></p>
  
  <pre><code>var Text = $('h1');
  Text.click(function() {
      Text.animate({'font-weight':'bold'},600)
          .delay(200).animate({'font-weight':'normal'},600);
  });
  </code></pre>