jQuery, hide a div without disturbing the rest of the page

Question

Consider the page as below (pseudocode)

    
        

             
        &l         


        

Answer 1

Add a container around the header, and style it with display:block and a fixed width/height. When you fade out the header, the container will preserve the space the header occupied.

This way you have an element to bind the hover event to, for re-displaying the header after it's faded out. Once hidden, the header will not be able to receive its own hover events, so the container must receive them in its place.