如何使用jQuery使底部导航上下滑动?

我试图将导航保持在页面底部,同时可以显示和隐藏它。出于某种原因,我一辈子都无法弄清楚为什么这不起作用。

任何帮助都将不胜感激!

编辑:切换是固定的,但现在我的流动性有问题。当我使用切换时,方框的速度不一样。

代码: http://jsfiddle.net/Hg2ax/2/

$(document).ready(function() {
    $('.toggle-footer').click(function() {        
       $('#footer-content').slideToggle('slow');
    });
});