Resize Elements Using Jquery UI

jQuery UI has resizable() method which is used to set if an element can be resizable or not. This resizable plugin makes selected elements resizable by dragging corners or sides of element. Draggable arrow will be displayed on hover of end points.

This resizable() method can be used as in below methods:

  • $(selector, context).resizable(options)
  • $(selector, context).resizable(actions, [params])

Below is simple resizable widget using resizable():