title: How do I remove the second handle from this ui-slider?
body: <p>So I created this filter using two separate sliders with 3 data points each. Each combination will show a different card depending on where the handle is on the slider. The function seems to be working but I realized I may have used a multi-range slider when I don't need the second handle. Is there a way to remove it?</p>
  <p>HTML</p>
  <pre><code>&lt;head&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css&quot;&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;/resources/demos/style.css&quot;&gt;
    &lt;script src=&quot;https://code.jquery.com/jquery-1.12.4.js&quot;&gt;&lt;/script&gt;
    &lt;script src=&quot;https://code.jquery.com/ui/1.12.1/jquery-ui.js&quot;&gt;&lt;/script&gt;
    &lt;link href=&quot;http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;o/&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;h3&gt;How much THC?&lt;/h3&gt;
    &lt;div class=&quot;slider thc-slider&quot; id=&quot;price&quot;&gt;&lt;/div&gt;
    &lt;h4 class=&quot;left&quot;&gt;HIGH&lt;/h4&gt;
    &lt;h4 class=&quot;right&quot;&gt;LOW&lt;/h4&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;
  &lt;h3&gt;How much CBD?&lt;/h3&gt;
    &lt;div class=&quot;slider&quot; id=&quot;quality&quot;&gt;&lt;/div&gt;
    &lt;h4 class=&quot;left&quot;&gt;HIGH&lt;/h4&gt;
    &lt;h4 class=&quot;right&quot;&gt;LOW&lt;/h4&gt;
  &lt;ul id=&quot;products&quot;&gt;
    &lt;li class=&quot;card-hidden&quot; data-price=&quot;20&quot; data-quality=&quot;20&quot;&gt;Unwind&lt;/li&gt;
    &lt;li class=&quot;card-hidden&quot; data-price=&quot;20&quot; data-quality=&quot;10&quot;&gt;Gentle&lt;/li&gt;
    &lt;li class=&quot;card-hidden&quot; data-price=&quot;20&quot; data-quality=&quot;0&quot;&gt;Soothe&lt;/li&gt;
    &lt;li class=&quot;card-hidden&quot; data-price=&quot;10&quot; data-quality=&quot;20&quot;&gt;Uplift&lt;/li&gt;
    &lt;li class=&quot;card-hidden&quot; data-price=&quot;10&quot; data-quality=&quot;10&quot;&gt;Balanced&lt;/li&gt;
    &lt;li class=&quot;card-hidden&quot; data-price=&quot;10&quot; data-quality=&quot;0&quot;&gt;Relax&lt;/li&gt;
    &lt;li class=&quot;card-hidden&quot; data-price=&quot;0&quot; data-quality=&quot;20&quot;&gt;Fly&lt;/li&gt;
    &lt;li class=&quot;card-hidden&quot; data-price=&quot;0&quot; data-quality=&quot;10&quot;&gt;Euphoria&lt;/li&gt;
    &lt;li data-price=&quot;0&quot; data-quality=&quot;0&quot;&gt;SLOW&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>Javascript</p>
  <pre><code>     $('#products').removeClass('card-hidden');
   });
      
      function showProducts(minP, maxP, minQ, maxQ) {
      $(&quot;#products li&quot;).filter(function() {
          var price = parseInt($(this).data(&quot;price&quot;), 10);
          var quality = parseInt($(this).data(&quot;quality&quot;), 10);
          if(price &gt;= minP &amp;&amp; price &lt;= maxP &amp;&amp; quality &gt;= minQ &amp;&amp; quality &lt;= maxQ){
               $(this).show();
          } else {
               $(this).hide();
          }
      });
  }
  
  
  $(function() {
      var options = {
          hidden: true,
          range: true,
          min: 0,
          max: 20,
          step: 10,
          values: [0,20],
          change: function(event, ui) {
              var minP = $(&quot;#price&quot;).slider(&quot;values&quot;, 0);
              var maxP = $(&quot;#price&quot;).slider(&quot;values&quot;, 0);
              var minQ = $(&quot;#quality&quot;).slider(&quot;values&quot;, 0);
              var maxQ = $(&quot;#quality&quot;).slider(&quot;values&quot;, 0);
              showProducts(minP, maxP, minQ, maxQ);
          }
      };
  
      $(&quot;#price&quot;).slider(options);
      $(&quot;#quality&quot;).slider(options);
  
  });
  </code></pre>
  <p>here is the jsfiddle link: <a href="https://jsfiddle.net/dhzwkjx1/2/" rel="nofollow noreferrer">https://jsfiddle.net/dhzwkjx1/2/</a></p>
  <p>Please let me know if there's anything I can do!</p>