title: How to prevent my jQuery slider to get "overClicks"
body: <p>I have a jQuery slider. When clicking repetativly on the arrows to move slides it continues to slide more slides, how do I create a pause in clicks when clicking reverentially? </p>
  
  <pre><code>//When clicking on the right: 
  $('.scroll-right').click(function(){
      //margin-left the slide including -= :
   $slideContainer.animate({'margin-left': '-='+singleSlide}, 
                                                slideAnimationSpeed, function(){
          currentSlide++;
          console.log('Current Slide: '+ currentSlide);
          if ((currentSlide+1) === totalSlides) {
              currentSlide = 5;
              $('#slide_'+nextSlide).addClass("sliderPoiner");
              $slideContainer.css('margin-left', '-83.3300012207031em');
          }
      });
      addTheShadowRight(currentSlide);
  })
  
  //When clicking on the left: 
  $('.scroll-left').click(function(){
      addTheShadowleft(currentSlide);
      //margin-left the slide including -= :
      $slideContainer.animate({'margin-left': '+='+singleSlide}, 
                                                slideAnimationSpeed, function(){
          currentSlide--;
          console.log('Current Slide: '+ currentSlide);
          if ((currentSlide) === 3) {
              currentSlide = 24;
              $slideContainer.css('margin-left', '-617.419875488281em');
          }
      });
  })
  </code></pre>