调整父菜单jQuery的？

Question

我一直在摆弄jquery调整大小，虽然我似乎无法获得所需的效果。

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

请帮忙？这里是我到目前为止:(

http://jsfiddle.net/shannonhochkins/uGtat/

谢谢你们！

Answer 1

文档

http://jqueryui.com/demos/draggable/

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

#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; 
}​ 
​ 

小提琴

http://jsfiddle.net/iambriansreed/gkMPA/