调整父菜单jquery的大小？

我一直在摆弄jquery resize，尽管我似乎无法获得所需的效果

基本上，我有一个菜单，我想用一个按钮，浮动到菜单的右侧调整大小，一旦拖动它将调整菜单的大小，我还想限制调整大小，如果可能的话

请帮忙？以下是我到目前为止所做的：（

谢谢大家！

文档

jQuery

$('#drag').disableSelection().draggable({
    axis: "x",
    containment: "parent",
    drag: function(event, ui) {
        $('#menu').width($(this).offset().left);
    },
    stop: function(event, ui) {
        $('#menu').width($(this).offset().left);
    }
});​

CSS

拨弄

---

@user156057谢谢。记得在有空的时候接受。只是让你知道！根本不想贬低你，但需要进一步研究，因为很明显，这并没有完全满足我的需要，它在我的测试中起到了作用，但在实际应用中并不起作用：（但可调整大小的事件有几个选项，您可能不知道是哪个选项修复了我丢失的所有内容。.可调整大小（{minWidth:18，maxWidth:750，maxHeight:64}）；我的目标完成了，您已经研究过了。：）

#parent {
    position: relative;
    width: 300px;
    height: 70px;
    background: #ccc;
}
#drag, #menu {
    position: absolute;
    height: 70px;
    width: 30px;
    background-color: green;
}
#drag {
    width: 15px;
    background-color: red;
    left: 30px;
    cursor: pointer;
}​
​