I have a page that has a header, body and footer. Its an app that allows the user to click a map in the body and return results. Right now I am popping those results in a rectangle in the main body.
But what I want to do is put those results in the footer but expand the footer to say 50% vertical of the screen. When the user clicks a close button in the footer or in the body the footer would go back to its original size...

Does that make sense? Wondering what my best options would be to research...