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, botów: 0