title: How to Create Jquery Two Div Resize Horizontally
body: <p>I want to create two divs re-sizable horizontally but when first one hight increases according to that second height must decrease and also both have a common parent whose height &amp; width is 100%; So when we increase or decrease the height of both divs they must keep in parent div's height;
  here is my code please provide jquery codes and css codes for it; i am using jquery-1.11.2.js and jquery-ui.min.js.</p>
  
  <p><code>&lt;div id="parent" style="height:100%;width:100%&gt;
     &lt;div id="div1"&gt; My Data &lt;/div&gt;
     &lt;div id="div2"&gt; My Data &lt;/div&gt;
  &lt;/div&gt;</code></p>