jQuery plugin for resizable elements.
Demo: https://jsfiddle.net/uqv7cdjz/ (thanks @pmorch !)
npm install jquery-resizable
Then include resizable.js
and resizable.css
in your webapp.
$('#some div').resizable( options )
It also applies for multiple elements.
Possible values for an array:
top
right
bottom
left
As a string:
horizontal
=left
+right
vertical
=top
+bottom
top
right
bottom
left
Example:
$('#div1').resizable({
direction: ['bottom', 'left']
})
$('#div2').resizable({
direction: 'vertical'
})
By default each direction is turned on.
Event fired at the start of resize operation.
Event fired on mouse move during resize operation.
Event fired at the stop of resize operation.