Transform Size of Button as It is Dragged (JQuery)

I have a button (pulsingBtn) that pulses endlessly along it's own timeline.  It is draggable along a horizontal axis.  As I drag it I would like it to increase in size.  There are only 4 stops along the slider and it should increase by 10% when it reaches each stop.  Here is the code that I am using for the dragging of the slider...  what do I add to the code to get it to do so?  Thanks for any help!

sym.$("pulsingBtn").draggable({
  axis: "x",
  revert: "invalid",
  snap: ".snappy",
  snapTolerance: 50,
  snapMode: "inner"
  });




sym.$("sirs_target").droppable({
  tolerance: "touch",
  accept: sym.$("pulsingBtn"),
  drop: function(){
  sym.getSymbol("timelinePlay").play("goToSirs");

  }
});


sym.$("sepsis_target").droppable({
  tolerance: "touch",
  accept: sym.$("pulsingBtn"),
  drop: function(){
  sym.getSymbol("timelinePlay").play("goToSepsis");
  }
});


sym.$("severeSepsis_target").droppable({
  tolerance: "touch",
  accept: sym.$("pulsingBtn"),
  drop: function(){
  sym.getSymbol("timelinePlay").play("goToSevereSepsis");
  }
});


sym.$("septicShock_target").droppable({
  tolerance: "touch",
  accept: sym.$("pulsingBtn"),
  drop: function(){
  sym.getSymbol("timelinePlay").play("goToSepticShock");
  }
});