});</code></pre>
Warning: for obvious reasons animate and dynamic resizing can not be used together.
<hr>
-
-<div id="multi-box" style="background: none repeat scroll 0px 0px rgb(238, 153, 153); border: 4px solid red; cursor: pointer; height: 200px; left: 400px; opacity: 0.7; position: relative; top: 0px; width: 595px;">
- <div id="box1" style="position:absolute; left:400px;padding:10px;border:1px solid #c3daf9;background:#d9e8fb;width:150px;text-align:center;">Boxes 1</div>
+<div id="box1" style="position:absolute; left:400px;padding:10px;border:1px solid #c3daf9;background:#d9e8fb;width:150px;text-align:center;">Boxes 1</div>
<div id="box2" style="position:absolute; left:600px;padding:20px;border:1px solid #c3daf9;background:#d9e8fb;width:150px;text-align:center;">Boxes 2</div>
<div id="box3" style="position:absolute; left:830px;padding:30px;border:1px solid #c3daf9;background:#d9e8fb;width:150px;text-align:center;">Boxes 3</div>
+<div id="multi-box" style="background: none repeat scroll 0px 0px rgb(238, 153, 153); border: 4px solid red; cursor: pointer; height: 200px; left: 400px; opacity: 0.7; position: relative; top: 0px; width: 595px;">
+
</div>
<pre class="code">
<code>var custom = new Ext.Resizable('custom', {