如何水平创建Jquery两个Div

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 & 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.I want to create two divs re-sizable horizontal