title: Make jQuery slider change div properties
body: <p>I'm kind of new to this and I'm using <a href="https://github.com/zurb/twentytwenty" rel="nofollow noreferrer">ZURB's twentytwenty plugin</a>. I got it working and everything, but I want the slider to change my <code>.hero</code> properties ( from <code>display: block;</code> to <code>display: none;</code> ) to make <code>.hero2</code> appear instead when the slider is taken all the way to the right, and <code>.hero3</code> appear when taken all the way to the left.</p>
  <p>I think I need to use or call upon the <code>var minMaxNumber</code> or the <code> var sliderPercentage</code> from the <code>jquery.twentytwenty.js</code> file:</p>
  <pre><code>  var minMaxNumber = function(num, min, max) {
      return Math.max(min, Math.min(max, num));
    };
  
  
     var getSliderPercentage = function(positionX, positionY) {
      var sliderPercentage = (sliderOrientation === 'vertical') ?
        (positionY-offsetY)/imgHeight :
        (positionX-offsetX)/imgWidth;
  
      return minMaxNumber(sliderPercentage, 0, 1);
    };
  </code></pre>