jqueryhtmlcssresizable

Resizable div Css / JQuery

Hi How can I create a resizable div? 

<div id="main">

</div>

#main {
    width: 100 px;
    box-shadow: #254C58 1px 0px;
    border: #3C7D91 5 px double;
    padding: 10 px 10 px 10 px 10 px;
    overflow - y: scroll;
    max-height: 433 px;
}

$(document).ready(function() {
    $('#main').resizable();

});

Here is my jsfiddle to my question:

This is a example but it doesn't work: https://jsfiddle.net/tetut91e/2/

Can someone help me?

Solution

  • here is what you looking for

    resize: both;

    here is working code: https://jsfiddle.net/tetut91e/5/