jquery - 親メニューの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/