<script type="text/javascript" charset="utf-8">    
  $(document).ready(function(){ 
 
    // Hide slider handles on un-moved sliders
    $('#question{QID} input.text').each(function(i){
      if($(this).val() == '') {
        $(this).closest('li.question-item').find('.ui-slider-handle').hide();
      }
    });
 
    // Click events on the sliders
    $('#question{QID} .ui-slider-1').on('click', function(e) {
      $(this).closest('li.question-item').find('.ui-slider-handle').show();
    });
    });
</script>