jQuery toggleClass example

Toggle class name on click in jQuery

by joshmoto

HTML

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<p>
  <label for="amount">Distance</label>
  <input type="text" id="amount">
</p>

<!-- Range slider 1 -->
<div id="slide"></div>

<p>
  <label for="amount2">Distance</label>
  <input type="text" id="amount2">
</p>

<!-- Range slider 2 -->
<div id="slide2"></div>

JavaScript

$(function() {

  $("#slide").slider({
    range: 'min',
    min: 0,
    max: 5000,
    value: 0
  });

  $("#slide2").slider({
    range: 'min',
    min: 0,
    max: 5000,
    value: 0
  });

});