I have created a program that resizes a panel to the top, bottom, and it also goes over the second panel without shrinking it. My code runs just fine, but I don't know how to do it WITHOUT using the resizable method in either jQuery or JavaScript.
Here's my code that works just fine.
$(function() {
$( "#orangeBox" ).resizable({
handles:'n'
});
});
Here is a JS Fiddle: http://jsfiddle.net/sandenay/hyq86sva/1/