用js / jquery中间的句柄并排调整两个div

Question

不幸的是我不知道正确的术语，但每个人都看到了这个功能：并排有两个div容器，在它们的中间，有一条垂直线;通过向左拖动线，左侧div的宽度收缩，而右侧div的宽度相应地增加到手柄的位置，反之亦然。 我怎样才能在javascript中实现这一点，甚至更好，jQuery？

作为另一个上下文的插图，这里有两个用户界面的截图：

Answer 1

以下是JavaScript的链接：http://methvin.com/splitter/

关于右侧的方框，您只需要使用CSS。 您需要为所有元素加载并设置最小和最大宽度：

.elements { float:left; max-width: 100px; min-width: 50px; }

你的最大尺寸需要是最小尺寸的两倍，有时不会在侧面留下奇怪的空间。