title: JQuery UI Slider with Multiple handles: How to stop the handles from crossing?
body: <p>I'm developing a quick solution that uses a Slider with multiple handles to define widths for a dynamic layout.</p>
  
  <p>I've attempted to use both ExtJS3 and the latest JQuery UI.</p>
  
  <p>In ExtJS, you can constrain the handles so the don't cross over each other, and it's quite an intuitive approach to the UI I need, however there are reasons why I would rather not use ExtJS for one 'island' in a sea of JQuery.</p>
  
  <p>So, does anyone know of a secret attribute, or a bit of code that constrains multiple handles in the JQuery slider ?</p>
  
  <p>For clarity: if you have a slider with 2 handles, one at 40 and one at 60; the constraint would stop you dragging the handle at 60 down to 20, without first moving the 40 one.</p>