I tried to put a timer on the on the code below so the mouseenter event handler doesn't fire for a couple of seconds. I understand the abstract of the setTimeout method, but I cannot figure out how to incorporate it into this code. And I screw it up every time I try.
I am trying to animate (increase) the height of the pageFooterContent div on mouseenter, and decrease it on mouseleave. Here is the page on which I would like to do this http://galileedetroit.org/index2.php. Pertinent code is below. Any help would be greatly appreciated.
<!-- BEGIN PAGE FOOTER --> <footer id="pageFooter"> <div id="pageFooterTop"></div> <!-- BEGIN PAGE FOOTER CONTENT --> <div id="pageFooterContent"> </div> <!-- END PAGE FOOTER CONTENT --> </footer> <!-- END PAGE FOOTER -->