Slider - 3 handles

Question

I got the current slider

<input id="slider_price" type="text" class="span2" value="" data-slider-min="1000" data-slider-max="80000" data-slider-step="5" data-slider-value="[60000, 80000]"/>

_

$('#slider_price').slider({
    tooltip: 'always'
});

This is working great as it is but now I want to extend it, I want to add a third slider, like this:

I have browsed through the whole manual and guides, but there are no examples how you can use 3 handles in a slider!

Help is greatly appreciated!
Tompa

Answer 1

Try this, i think it helps you

$('#slider_price').slider({
    tooltip: 'always',
    values: [21690,47590,72475]
});