title: JQuery animation build up even with stop()
body: <p>I am putting together a featured content slider element and while technically everything is working fine, I am however still experiencing animation build up when the nav buttons are clicked quickly.  Here is my code:</p>
  
  <pre><code>this.LRSliderScrollVert = function(j) {
      var viewOutside = GetObject(this.sliderObjectId);
      if (parseInt(viewOutside.style.top) == 1 &amp;&amp; j == 1){
          //do nothing
      } else if (parseInt(viewOutside.style.top) == this.sliderBottomLimit &amp;&amp; j == -1) {
  
      } else {
          //viewOutside.style.top = parseInt(viewOutside.style.top) + j +'px';
          var total = parseInt(viewOutside.style.top) + j + 'px';
          $(viewOutside).stop().animate({
              top: total
          }, 700, 'swing');
      }
  }
  </code></pre>
  
  <p>As you can see, I am already using stop() but it doesn't seem to be giving me my desired results, which is one click calls the animation and no other calls to the animate function will be processed until the first animation has been completed.</p>
  
  <p>I have tried stop(true,true) as well with no difference in results.</p>
  
  <p>Any help would be greatly appreciated.  Thank you.</p>