Question

I am just starting working with jquery and have encountered the following problem

<div id="container">
    <div id="content" contenteditable="true">
    </div>
    ...
</div>

If I’m using $(...).resizable() how can I make both of them resize at the same time? which overflow value would work?

also, would making the “container” draggable affect anything?

Thanks

Answer 1

You can try this:

$(document).ready(function() {
    $("#container, #content").resizable({
        alsoResize: "#content, #container"
    });
    $('#container').draggable();
});

DEMO