Crear deslizadores jQuery con más/menos botones para añadir/valor de restar de la corredera

Question

que estoy tratando de replicar lo que se puede ver en la imagen aquí en jQuery para hacer una versión con capacidad para toque de una aplicación existente:

estoy usando deslizadores jquery-ui y me gustaría seguir usándolas porque tengo un montón de lógica de negocio ligado a ellos, en realidad tienen este aspecto:

que necesitan ayuda para la parte css y html, no sé cómo hacer que el efecto donde el "control deslizante" se filtre led cuando el usuario hace clic en el botón "más" y en cómo debería organizar mi HTML para lograr ese aspecto.

Mi marcado es el siguiente:

<table> 
    <tr> 
     <td> 
     <div id="timeName"> 
      Tempo a disposizione 
     </div> 

     <div id="travelTime"> 
      <div class="selectedHandler"></div> 
     </div> 
     </td> 
    </tr> 

    <tr> 
     <td> 
     <div class='paramName'> 
      Architecture and Heritage 
     </div> 

     <div id="Architecture_and_Heritage" class="param" data-id="3"> 
      <div class="selectedHandler"></div> 
     </div> 
     </td> 
    </tr> 

    <tr> 
     <td> 
     <div class='paramName'> 
      Culture 
     </div> 

     <div id="Culture" class="param" data-id="5"> 
      <div class="selectedHandler"></div> 
     </div> 
     </td> 
    </tr> 

    <tr> 
     <td> 
     <div class='paramName'> 
      Fairs Performances and Special Events 
     </div> 

     <div id="Fairs_Performances_and_Special_Events" class="param" data-id="6"> 
      <div class="selectedHandler"></div> 
     </div> 
     </td> 
    </tr> 

    <tr> 
     <td> 
     <div class='paramName'> 
      Food and Drink 
     </div> 

     <div id="Food_and_Drink" class="param" data-id="1"> 
      <div class="selectedHandler"></div> 
     </div> 
     </td> 
    </tr> 
    </table> 

Answer 1

Es esta ayuda? En realidad no es sino una especie de estilo da la idea

http://jsfiddle.net/TU95t/

Gracias