title: JQuery <Li> Slide Up animation
body: <p>I'm trying to slide individual <code>&lt;li&gt;</code> elements within a <code>&lt;ul&gt;</code> up, but the effect I get is similar to a 'blinds' animation instead of sliding all the way up.</p>
  
  <p>Here's a look at my current code: <a href="http://jsfiddle.net/VpApX/" rel="nofollow">http://jsfiddle.net/VpApX/</a></p>
  
  <p>I've also tried sliding the entire UL up, which gives me the scroll effect I'm looking for but there is a jerk at the end of the animation that I can't get rid of.</p>
  
  <p>How can I get the elements to slide all the way up or remove the jerk that is happening when I slide the entire ul?</p>
  
  <p><strong>Edit</strong></p>
  
  <p><a href="http://jsfiddle.net/VpApX/4/" rel="nofollow">http://jsfiddle.net/VpApX/4/</a> The animation when you click 'Test Ul' is what I was going for, for some reason I'm not getting the jerky when the animation finishes anymore though which solves my problem. I somehow fixed it copying it into jsfiddle..... </p>