http://stackoverflow.com/questions/12459386/jquery-toggling-2-div-heights-inside-1-table-cell
See also: http://imgur.com/iubmP
So I have 2 divs inside a table cell. 1 div is above and 1 is below. The one on the bottom is invisible and so the top div takes up the entire height of the table cell. When a button is clicked the bottom div becomes visible and the top div reduces it's height to make room for the bottom div. And so this toggles when button is clicked again the bottom div hides and top div takes up the cell height.