drag multiple elements at once simultaneously

drag multiple elements at once simultaneously

Is it possible to drag multiple elements at once?

For example, if you have a container with a navbar inside, but aswel a navigation bar somewhere else outside the container:
HTML4Strict Code: 
     

      

       <div id="navbarone">
       </div>
      

      

        
       

      

      

       <div id="container">
      

      

         
       <div id="navbartwo">
       </div>
      

      

       </div>
Could you make something for example in JQuery, that drags both navbars simultaneously when dragging one of the two bars? Perhaps with a handler or something...

  1. $('#navbarone, #navbartwo').draggable({ "axis": "y" });