Is it possible to link two jquery.ui draggables together?

Question

I have two jquery.ui draggables. I am constraining their movement to the y-axis. If one is dragged to a certain y-position, I want the other to automatically move to the s

Answer 1

Here is a simplified version of the code mentioned in the marked answer(for dummies like me):

• In HTML

  ...
  ...
  

• In Script tag

  $(document).ready(function(){ 
      //to get the group 
      var getGroup = function() {
          return $(".group");
      }; // add drag functionality
  
      $(".group").draggable({
          revertDuration: 10,
          // grouped items animate separately, so leave this number low
          containment: "window",
          scroll: false,
          stop: function(e, ui) {
              getGroup(ui).css({
                  'top': ui.helper.css('top'),
              });
          },
          drag: function(e, ui) {
              getGroup(ui).css({
                  'top': ui.helper.css('top'),
                  'left': ui.helper.css('left')
              });
          }
      });     
  });