My page takes about a second for the html to load. There are several hidden divs that are set to display:none initially and then accessed by jquery toggle during normal use. However, when the page is loading, those hidden divs flash for about half a second. If the page is hard-refreshed and it takes bouat 3-4 seconds to load, then those divs are displayed for about a second or two. I'm wondering if there's any way to prevent this. I'd rather not have them flash for second if kind of looks bad. A simplified html of the page is this. \[code\]<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Site - Home</title> <link rel="stylesheet" type="text/css" href="http://stackoverflow.com/questions/15468663/style.css" /> <!--JQuery--> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> <script type='text/javascript' src='http://stackoverflow.com/questions/15468663/javascript/popup.min.js'></script> </head> <body> <a href="http://stackoverflow.com/questions/15468663/#" id="new-post">New Post</a> <!--Popup container--> <div id="new-post-box" class="popup" style="width:500px;"> blah </div> <script type="text/javascript">/*popup function*/</script> </body></html> \[/code\]I don't know if that code is necessary, but can that div that display blah be prevented from appearing on the page load. Again it's set to display:none initially but I guess the css loads a little later than the html
Hidden boxes remain hidden on page load
- Thread starter hoopz
- Start date