Stop div showing while loading page

Question

When loading this page: http://fluentfutures.org/index.php the animated collapsible div called #about shows for a very short time, before the whole page loads. Is there any way I can stop this happening? Thanks

Answer 1

You could use jquery to load that div a few moments after the page has loaded, so it doesn't show up before. You can refer to this question: Show div after 2 seconds of page load

Answer 2

How is it animated? If you're using javascript and jquery have you put it in:

 $(document).ready(function() {});

If css, set display to none perhaps?

 #about {
     display: none;
 }

Don't know for sure what the problem is from just loading the page.

EDIT: After looking at source you aren't setting the display till none till after the DOM finishes loading.

Set display : none; inside of #about in the main.css file

EDIT2: jsfiddle