Redimensionner le menu parent jquery?

Question

J'ai joué avec jquery redimensionner, bien que je ne puisse pas obtenir l'effet désiré dont j'ai besoin.

Fondamentalement, j'ai un menu que je veux redimensionner avec un bouton qui flotte à la droite du menu, une fois déplacé il va redimensionner le menu, je veux aussi limiter le redimensionnement si possible!

Aidez s'il vous plaît? Voici ce que j'ai jusqu'à présent :(

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

Merci les gars!

Answer 1

Documentation

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

Fiddle

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