javascript - display: none is flickering content that should be hidden when loading the webpage -


so building toy website , getting undesired behavior.

in html file homepage, have 2 distinct <body> tags sets. tags follows

<body class = "intro">...</body>  <body class = "home">...</body> 

the behavior going there button within "intro" class when clicked, hide "intro" class , display "home" class. issue is, when load webpage, "home" class displays second , gets covered "intro" class. not want "home" class being displayed @ until button clicked.

i not have javascript using (at moment @ least, planning on adding in later once have of html , css set up).

i have tried linking external style sheet , tried inline css read

body{      display: none;  } 

but inline css, content "home" class displayed second before content disppears. know do?

double (or more) body tags invalid syntax. html should have 1 body. instead try using 2 divs


Comments

Popular posts from this blog

python - Operations inside variables -

Generic Map Parameter java -

arrays - What causes a java.lang.ArrayIndexOutOfBoundsException and how do I prevent it? -