Панель должна скользить снизу и выталкивать содержимое вверх, без наложения

Я новичок в jQuery, но я почти уверен, что то, чего я хочу достичь, каким-то образом возможно.

У меня есть страница с фиксированной панелью навигации внизу. На панели навигации есть кнопка, которая должна переключать дополнительную панель, которую я хотел бы сдвинуть снизу вверх. Вот что у меня есть:http://jsfiddle.net/E4yGh/

Как вы видите, панель скользит вверх по остальной части страницы, которая остается на месте. Вместо этого я хочу, чтобы остальная часть страницы прокручивалась вверх, чтобы открыть панель. Страница должна прокручиваться вверх точно в соответствии с высотой панели div, так что нижняя часть панели идеально фиксируется к нижней части страницы -без необходимости указывать высоту панели, чтобы она регулировалась автоматически.

Как мне это сделать?