UI Slider with 4 handles

UI Slider with 4 handles


Hi everyone,
I have a requirement where I need to have a jQuery UI slider with 4
handles. I've managed to get 4 handles shown by adding more divs with
class name 'ui-slider-handle', and positioning them along the div.
When I set a min and max value, together with a step interval, the
handles step correctly, but I can overlap them, and move them all to
the same position.
I was hoping they'd behave like the 2 handle version (non-overlapping,
and not allowed to be on the same position).
Any thoughts would be greatly appreciated.
Cheers,
Shane.