带有可拖动分隔符的JS变量拆分容器（jquery UI布局除外）？

Question

有没有人知道一种简单的方法或包提供了一种基于可拖动分隔栏调整两个div大小的方法？即我有两个叠加的div：

<div id='top-section' style="height: 50%">
<div id='bottom-section' style="height: 100%">

我想要一个分隔栏，允许我通过拖动来更改第一个divs height属性。

我知道JQuery UI布局插件能够做到这一点，但由于兼容性问题，我无法在我的项目中使用它。