Problem z ukryciem elementów [JS]

0

Cześć. Przejde od razu do rzeczy ;). Ten skrypt powinien chować mi elementy na stronie. Jednak działa on tylko pod Operą. Ktoś wie czemu?
HTML:

 
<html>
	<head>
		<link rel="Stylesheet" type="text/css" href="style.css" />
		<script type="text/javascript" src="script.js"></script>
	</head>
	<body>
	<button onclick="start()">Start</button>
	<div id="one">one</div>
	<div id="two">two</div>
	<div id="three">three</div>
	</body>
</html>

JS:

function start(){
   document.getElementById('one').style='display: none;';
   document.getElementById('two').style='display:  block;';
   document.getElementById('three').style='display:  block;';
}
 

CSS:

#one{
	display:block;
}
#two{
	display:none;
}
#three{
	display:none;
}
1

Zamiast linijek typu:

 document.getElementById('one').style='display: none;';

Daj:

 document.getElementById('one').style.display = 'none';
0

Dzięki wielkie, pomogło ;)

1 użytkowników online, w tym zalogowanych: 0, gości: 1