title: How to animate border drawing with jQuery?
body: <p>I want to draw a border around my links on hover, with animation smth like this <a href="http://d2fhka9tf2vaj2.cloudfront.net/tuts/152_QTiPad/Milestones/JavaScriptWebsite.html" rel="nofollow">http://d2fhka9tf2vaj2.cloudfront.net/tuts/152_QTiPad/Milestones/JavaScriptWebsite.html</a></p>
  
  <p>Please give me some snippets or links.</p>
  
  <p>Thank you</p>
  
  <p>This is how i tried to animate it with jquery</p>
  
  <pre><code>        $('a').on('hover', function() {
              $(this).animate({ border: '1px' }, 'slow', 'linear');
              $(this).animate({ border: 'solid' }, 'slow');
              $(this).animate({ border: '#ccc' }, 'slow');
          });
  </code></pre>