Question

I am trying to add multiple handles to a jQuery UI slider widget, as in 2 or 3 or more range sliders in one slider.

I have tried searching on google and found an article that shows how to modify it to have multiple handles but I need them to work as range sliders.

Is there anyway to make this work?

$("#slider-range").slider({
    range: true,
    min: 0,
    max: 1439,
    values: [540, 1020],
    animate: true,
    slide: slideTime
});

Thanks

Answer 1

Take a look at colResizable jQuery plugin. It allows you to resize table columns and also to create multiple range sliders: