I'm having a problem using a DIV that's draggable control the width of another DIV. I have five DIVS next to each other horizontally like this:
http://i.imgur.com/ZcE1d.gif (sorry for the link but when I try to embed the image the forum marks it as spam)
DIV A and DIV B are draggable and I want DIVs 1, 2, and 3 to resize based on the movement of DIVs A and B. DIVs should only move horizontally. For example, if I drag DIV A to the right, DIV 1 should get wider while DIV 2 gets more narrow. DIV 3 would be unaffected. When I tried to use the change in DIV A to alter the width of DIV 1, it caused DIV A to change faster than it was being dragged. In my test, all the DIVs were floated left and given widths. In essence I would like the draggable DIVS to push the DIVS that are adjacent to them. Does anyone know how this can be done?