How do I animate footer on mouseover?
I have a page with a header and footer that are in fixed positions. The footer also is partially hidden using a negative number with bottom property.
I would like the footer to move up to its full height using .animate.
This is the CSS I am currently using
and here is the JQuery code I am using
background: rgba(75, 85, 87, 1.00);
The CSS works. On mouseover the footer div moves up and fully displays, but I would like the animation to happen a little slower and not just jump into place.