jquery resizable not working properly

Question

I am quite new in javascript/jquery. I am making resizable divs using jquery-ui-resizable. Here I have created the fiddle but can't figure out why jquery ui resizable is not working.

    <div class="container">
  <div class="left-container">
  </div>
  <div class="right-container">
    <div class="child first">
    </div>
    <div class="child second">
    </div>
   </div>
</div>

$(".child").resizable({
   //"handles": "w, e"
})

Any help would be appreciated.

Fiddle

Answer 1

on the following link:

first clear the html and replace it with: <div></div>

then in the style sheet replace it with:

border: 1px solid black;
padding: 5px;
width: 50px;
height: 150px;
margin: 10px;

and finally script code: $("div").resizable()

almost done...

Answer 2

You must add a jquery-ui theme in order for this to work.

Try this line of code:

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">