JQuery UI resizable example

by Christian Juth

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<div id="app-interactionAdjustingTheFractionBarsSTART-question-bar-5" class="resizableBox"></div>

CSS

.resizableBox {
  top: 35px;
  left: 35px;
  position: absolute;

  width: 47px; 
  height: 100px;  

  background-color: #F3EF7D;


    }

JavaScript

$("body").append($.ui.version);

$("#app-interactionAdjustingTheFractionBarsSTART-question-bar-5").resizable({
  handles: 'n, e',
  grid: [0,0],
  minHeight: 0,
  minWidth: 0
});