title: Jumpy animation in jQuery
body: <p>I'm using this code on my website:</p>
  
  <pre><code>$(document).ready(function(){
  
    $('.title').click(function() {
      $('.info').slideUp(800);
      $('.title').removeClass('flip');
      $(this).parent('div').find('.info').slideDown(800);
    });
  
    $('li.active').closest('.info').slideDown(800);
  });
  </code></pre>
  
  <p>The animation is very jumpy in any browser I tested on my computer. If I check it in js-fiddle the animation is quite smooth. What's happening? </p>
  
  <p>Here's the <a href="http://jsfiddle.net/8XkBY/1/" rel="nofollow">js-fiddle-link</a>.</p>