title: Why isn't my jQuery Flex Slider pausing?
body: <p>I've tried all manner of things based on the documentation but no matter what I do, I can't seem to make it pause.</p>
  
  <p>Here's what the documentation says:</p>
  
  <pre><code>        slider.pause()    //Function: Pause slider slideshow interval
          slider.play()    //Function: Resume slider slideshow interval
  </code></pre>
  
  <p>But it doesn't specify how to define the slider variable. I've tried:</p>
  
  <pre><code>    var slider = $('.flex-slider').flexslider({
          animation: "slide",
          easing: "swing",
          direction: "horizontal",
          animationLoop: true,
          slideshow: true,
          animationSpeed: 600,
          slideshowSpeed: 1200,
          controlNav: false,
          directionNav: false,
          pausePlay: false
      });
  
      $('.pause-button').on('click',function({
          slider.pause();
      });
  </code></pre>
  
  <p>Which resulted in... <a href="http://puu.sh/4qpo3.png" rel="nofollow">http://puu.sh/4qpo3.png</a></p>
  
  <p>And I've tried:</p>
  
  <pre><code>        $('.flex-slider').flexslider().pause();
  </code></pre>
  
  <p>Which resulted in... <a href="http://puu.sh/4qpcS.png" rel="nofollow">http://puu.sh/4qpcS.png</a></p>
  
  <p>And I've tried:</p>
  
  <pre><code>        $('.flex-slider').flexslider().pause(true);
  </code></pre>
  
  <p>Which resulted in... <a href="http://puu.sh/4qpcS.png" rel="nofollow">http://puu.sh/4qpcS.png</a></p>
  
  <p>And all in all I'm just not seeing what exactly I'm doing wrong here.</p>
  
  <p>Anyone wanna provide some insight? :) </p>