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

hunterc · Answer 1 · 2013-07-11T16:32:52.397

1

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

edited Jul 11 '13 at 16:32

answered Jul 11 '13 at 16:07

hunterc

1,947
2
14
18

Thanks for the responses, if you open the site in an incognito window you can see it before it is preloaded into the cache. The "Contact Us" sliding page is what is in question. – N44 Jul 11 '13 at 16:33
Did the fiddle help at all? – hunterc Jul 11 '13 at 16:35

score 0 · Accepted Answer · edited May 23 '17 at 12:29

0

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

edited May 23 '17 at 12:29

Community

1
1

answered Jul 11 '13 at 16:07

Maxito

634
12
26

Thanks for the responses, if you open the site in an incognito window you can see it before it is preloaded into the cache. The "Contact Us" sliding page is what is in question. – N44 Jul 11 '13 at 16:35

Stop div showing while loading page

2 Answers2