title: resetting flexslider on element click
body: <p>I am currently building a site which utilises multiple flexsliders. The concept is that when the user clicks a specific button, it shows a flexslider with featured content relevant to the button pressed, which is all pretty simple stuff.</p>
  
  <p>The problem i am having is at the moment, the flexsliders are firing on the click of a button, however whenever a user clicks on a different button, the slider is not reset.</p>
  
  <p>I want to try and make the slider reset to slide 0 on each button click. I have tried using .stop() and some of the callback features within the plugin, but i have had no luck as of yet. Was wondering if anybody else had ever faced this before? (and won..)</p>
  
  <p>the code in the footer.php is pretty standard issue at the moment:</p>
  
  <pre><code>    $('.button').click(function() {
      $('.flexslider').flexslider({ 
          controlNav: true,
          directionNav: false,
          slideToStart: 0,  
          pauseOnHover: true,  
      });
  });
  </code></pre>