使用JQuery移动滑块显示/隐藏字段集

<div class="slider-container">
  <input type="range" min="0" max="1" step="1" value="0" class="slider">
</div>

<div class="field-set">
  <!-- 需要显示/隐藏的字段集内容 -->
</div>

.slider-container {
  width: 200px;
  margin-bottom: 10px;
}

.slider {
  width: 100%;
}

.field-set {
  display: none;
}

$(document).ready(function() {
  $('.slider').on('input', function() {
    var sliderValue = $(this).val();
    
    if (sliderValue == 1) {
      $('.field-set').show();
    } else {
      $('.field-set').hide();
    }
  });
});