O Código está pronto para uso <html> <head> <title>JQuery UI - Resize</title> <link rel="stylesheet" type="text/css" href="/css/ui-lightness/jquery-ui-1.10.4.custom.css" /> <script type= "text/javascript" src= "/static/js/jquery.min.js"> </script> <script type= "text/javascript" src= "/static/js/jquery-ui.min.js"></script> <script type= "text/javascript"> <style type="text/css" > #resizable { width: 30%; height: 30%; padding: 0.5em; } #resizable h3 { text-align: center; margin: 0; } </style> <script type= "text/javascript"> $(function() { $( "#resizable" ).resizable(); }); </script> </head> <body> No Html: <h2>Resize</h2> <div id="resizable" class="ui-widget-content"> <h3 class="ui-widget-header">Resizable</h3> </div> </body> </html>
Para ver o código: Resize clique em (view source)