調整父菜單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/