jQuery UI Slider - Snap to increments
#demo-frame > div.demo { padding: 10px !important; };
$(function() {
$("#slider").slider({
value:100,
min: 0,
max: 500,
step: 50,
slide: function(event, ui) {
$("#amount").val('$' + ui.value);
}
});
$("#amount").val('$' + $("#slider").slider("value"));
});
Donation amount ($50 increments):
Increment slider values with the step option set to an integer, commonly a dividend of the slider's maximum value. The default increment is 1.