Hold border and Resize two or more DIV simultaneously in the same container
Posted
by
Manu
on Stack Overflow
See other posts from Stack Overflow
or by Manu
Published on 2012-09-17T12:06:52Z
Indexed on
2012/09/27
9:37 UTC
Read the original article
Hit count: 141
Code :
<div id="widget1">
<div class="part blue">this is the part</div>
<div class="part white">of the genial</div>
<div class="part red">and good widget</div>
</div>
Let's say that div#widget1 is 99px width and div.part are 33px by default.
How can I easily resize div.blue by increasing its width and deacreasing width of other div.part proportionnaly ?
http://jqueryui.com/demos/resizable/#synchronous-resize : give an example which show element increase in the same time.
Thanks,
© Stack Overflow or respective owner
