jquery ui resizable on click of buttons -

jquery ui resizable on click of buttons -

i trying resizable command on click of button.

i have used resizable plugin in jquery ui resize image.

but need image increment or descrese size using plus , minus buttons.

do know how it??

i don't think want utilize jquery ui this. provides standard set of features end-user interact with. if want mess height , width of div, straight this...

<div id="less" class="button">-</div> <div id="more" class="button">+</div> <div class="box"></div> $("#more").click(function() { var h = $('.box').height(); h = h + 20; $('.box').css({height: h, width: h}); }); $("#less").click(function() { var h = $('.box').height(); h = h - 20; $('.box').css({height: h, width: h}); });

working fiddle here... http://jsfiddle.net/tuwv2/

jquery jquery-ui