title: jQuery animate executes the same time each time, even though the position has changed - any ideas?
body: <p>I currently have a div that moves left on touchstart - this works well but if the user presses and releases multiple times the animation resets to 3 seconds every time - meaning it gets gradually slower. Any ideas or help would be appreciated.</p>
  <pre><code>$(&quot;.buttonLeft&quot;).on('touchstart', function(e){
    e.preventDefault();
  
    var myDiv = $(&quot;.cart01&quot;);
    myDiv.clearQueue();
    myDiv.stop();
  
    $(&quot;.cart01&quot;).stop().animate({&quot;left&quot;: &quot;340px&quot;}, 3000, easing, function() {
      console.log(&quot;Cart01 left complete&quot;);
  });
  });
  </code></pre>