javascript - 让 jQuery 滑块改变 div 属性

Question

我对此有点陌生，我正在使用ZURB 的 2020 插件。我得到了它的工作和一切，但我希望滑块改变我的.hero属性（ from display: block;to display: none;），以便.hero2在滑块一直向右移动时.hero3出现，并在一直向左移动时出现。

我想我需要使用或调用文件中的var minMaxNumber或： var sliderPercentagejquery.twentytwenty.js

  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);
  };