jquery-resizable

resizable

jQuery plugin for resizable elements.

Demo: https://jsfiddle.net/uqv7cdjz/ (thanks @pmorch !)

Install

npm install jquery-resizable

Then include resizable.js and resizable.css in your webapp.

Usage

$('#some div').resizable( options )

It also applies for multiple elements.

Options

direction

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.

start

Event fired at the start of resize operation.

resize

Event fired on mouse move during resize operation.

stop

Event fired at the stop of resize operation.