0 Replies Latest reply on Sep 30, 2015 4:20 PM by Happiest Camper

    Transform Size of Button as It is Dragged (JQuery)

    Happiest Camper Level 1

      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");
        }
      });