JSFiddle - React, Tailwind, and code Playground

HTML

<button id='changeHandles'>Change Handles</button>
<img id='pelican' src="http://s20.postimg.org/feg5p5u5p/Pelican_225.jpg" />

CSS

div#box {
    width:200px;
    height:150px;
    background-color:beige;
}
.ui-resizable-ne, .ui-resizable-nw, .ui-resizable-sw {
    background:red;
    /*added for visibility*/
}

JavaScript

$(function () {
    $('img#pelican').resizable({
        handles: 'ne,se,sw,nw',
        aspectRatio: true
    });

    $('button#changeHandles').click(function () {
        if ($('.ui-resizable-ne, .ui-resizable-nw, .ui-resizable-sw').is(':visible')) {
            $('.ui-resizable-ne, .ui-resizable-nw, .ui-resizable-sw').hide();
        } else {
            $('.ui-resizable-ne, .ui-resizable-nw, .ui-resizable-sw').show();
        }
    });
});