title: How do I imitate Gmail's "Swipe to delete" in KendoUI ? Example included
body: <p>I am trying to recreate Gmail (on Android's) "swipe to delete" interface. In this GUI the user can</p>
  
  <ul>
  <li>Swipe left or swipe right, and the entire list item moves with the thumb.</li>
  <li>After it is swiped more than X distance, the item swooshes away and is replaced with an "undo" icon</li>
  <li>Releasing the row, if X distance hasn't been reached, should put the object in its original place.</li>
  <li>If a second item is swiped, and an undo box is showing from a previous swipe, that row is deleted, and the animation and logic starts all over from scratch.</li>
  </ul>
  
  <p>I have a demo of this working here, but it doesn't seem to perform too well.  <a href="http://jsbin.com/EWUbeTI/2/edit" rel="nofollow">http://jsbin.com/EWUbeTI/2/edit</a></p>
  
  <p>Is there a more efficient way to handle this animation?</p>