CODEWITHSUNDEEP
jqueryslidetoggle
Michael Libman
Michael Libman

Reputation: 73

How can I make my bottom nav slide up and down with jQuery?

I'm trying to keep the nav on the bottom of the page while being able to show it and hide it. For some reason I can't for the life of me figure out why this isn't working.

Any help would be appreciated!

EDIT: The toggle is fixed but now I'm having troubles with the fluidity. When I use the toggle the boxes are not at the same speed.

Code: http://jsfiddle.net/Hg2ax/2/

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

Upvotes: 0

Views: 1877

Answers (1)

iabw
iabw

Reputation: 1108

Looks like you can just take the height off of your footer css.

footer {
width: 100%;
position: absolute;
bottom: 0;
}

http://jsfiddle.net/Hg2ax/5/

Upvotes: 1

Related Questions