javascript - スライド後の値を比較するjquery uiスライダー

Question

値が上下するときにスライダーの値を取得しようとしています。

$(document).ready(function() {
    var valMap = [1,2,3,4,5,6,7,8,9,10]; 
    var counter = null;
    var slider = $( "#slider" ).slider({
      disabled: false,
      animate: true,
      min: 0,
      max: valMap.length-1,
      values: [0],
      slide: function( event, ui ) {
        $( "#zomlevel" ).val(valMap[ui.values[0]] + "x");
        slider.slider("option", "animate", "slow");
        counter++;
        if(counter increments){
alert("COUNTER INCREMENTS");
}
if(counter decrement){
alert("COUNTER DECREMENTS");
}
      }
    });
});

スライダーを右にスライドすると増加し、スライダーを左にスライドすると減少します。どうすればスライダーでそれを行うことができますか?