Styling makes javascript code not function properly
问题 I was playing around with this code: http://jsfiddle.net/VmVAq/ As you can see, on page load, only DIV 1 is displayed. And as you can notice, the styling is inline so I decided to add it to the header: http://jsfiddle.net/Ym96t/2/ This is where the problem is. Now on page load, all the DIVs are displayed, why? How did I break the code? In case you want to review the code here: Original: <html> <head> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery